https://github.com/wpcodevo/fullstack-rust-app
In this article, I'll walk you through the process of building a backend API using the Actix web framework, SQLX, PostgreSQL, and Docker.
https://github.com/wpcodevo/fullstack-rust-app
actix-web docker full-stack pgadmin postgres rust rust-fullstack sqlx sqlx-cli trunk yewdux
Last synced: 16 days ago
JSON representation
In this article, I'll walk you through the process of building a backend API using the Actix web framework, SQLX, PostgreSQL, and Docker.
- Host: GitHub
- URL: https://github.com/wpcodevo/fullstack-rust-app
- Owner: wpcodevo
- Created: 2023-03-03T16:26:19.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2024-02-15T09:01:33.000Z (about 1 year ago)
- Last Synced: 2025-03-27T09:11:52.947Z (about 1 month ago)
- Topics: actix-web, docker, full-stack, pgadmin, postgres, rust, rust-fullstack, sqlx, sqlx-cli, trunk, yewdux
- Language: Rust
- Homepage: https://codevoweb.com/build-full-stack-app-with-rust-yew-and-actix-web/
- Size: 51.8 KB
- Stars: 48
- Watchers: 1
- Forks: 3
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Build a Full Stack App with Rust, Yew.rs and Actix Web
In this article, I'll walk you through the process of building a backend API using the Actix web framework, SQLX, PostgreSQL, and Docker. Once we've created a powerful backend, we'll move on to building a single-page app using the Yew.rs framework. By the end of this tutorial, you'll have a fully functional web app that seamlessly integrates the frontend app with the backend API.

## Topics Covered
- Run the Full-Stack Rust App Locally
- Setup the Full-Stack Rust App
- Work on the Library Project
- Work on the Backend Project
- Setup the Rust API Project
- Setup PostgreSQL and pgAdmin with Docker
- Database Migration with SQLX
- Create the SQLX Database Model
- Create the Request Validation Structs
- Create the CRUD API Route Handlers
- Register the API Routes and Setup CORS
- Work on the Frontend Project
- Setup the Yew.rs Project
- Setup Tailwind CSS for Styling
- Create the API Request Functions
- State Management with Yewdux
- Create Reusable Components
- Yew Component to Add New Feedback Item
- Yew Component to Display Feedback Statistics
- Yew Component to Display Feedback Information
- Yew Component to Display the Feedback Items
- Export the Component Files as Modules
- Add the Components to the Main File
- Test the Rust Full-Stack AppRead the entire article here: [https://codevoweb.com/build-full-stack-app-with-rust-yew-and-actix-web/](https://codevoweb.com/build-full-stack-app-with-rust-yew-and-actix-web/)