🚆 🛤️ Ant Design on Rails

Pairing world's best backend framework with the best frontend framework, without wrapping everything in API!

• Ruby on Rails: the web-app framework that includes everything needed to create database-backed web applications.
• Ant Design Pro: out-of-box UI solution for enterprise applications based on React.

Development

Install backend dependencies:

bundle

Install frontend dependencies:

yarn

Prepare the database (PostgreSQL by default):

bin/rails db:prepare

Start the backend development server at port 3000:

bin/rails server

Start the frontend development server at port 8000:

yarn dev

Access http://localhost:8000 and start hacking! 👨🏻‍💻👩🏻‍💻

Deployment

Upload Nginx configurations:

bundle exec cap production puma:nginx_config

Set up systemd components for the Puma web server:

bundle exec cap production puma:systemd:config

Handle both frontend and backend deployment in a single command:

bundle exec cap production deploy

Then access your production server. See https://ant-design-rails.minqi-pan.com/ for an example deployment.

Contributing

All contributions are welcome and greatly appreciated! 🙇

• Use Ant Design on Rails in your next project.
• Submit issues to report bugs.
• Propose pull requests to improve the code.
• Contribute to Rails and Ant Design Pro.