Build Nextjs Inventory Management Dashboard & Deploy on AWS | Postgres, Node, Tailwind, EC2, RDS, S3

Published: 29 July 2024
on channel: EdRoh

209,155

7.9k

Build and Deploy a Complete Full Stack Inventory Management Dashboard Application using Nextjs, Redux, Node, and AWS. This tutorial provides a step-by-step guide to building a full-stack inventory management dashboard using Next.js for the frontend, styled with Tailwind CSS and featuring Material UI Data Grid for complex data handling. State management is streamlined with Redux Toolkit, supplemented by Redux Toolkit Query for data fetching.

The backend is powered by Node.js, using Prisma as the ORM to facilitate database interactions. We delve deep into AWS, explaining basics for beginners, including setup, cost management, and networking fundamentals. Detailed walkthroughs are provided for deploying and integrating AWS services such as RDS for database management, EC2 for computing power, API Gateway for creating robust APIs, Amplify for frontend deployment, and S3 for storage solutions.

This comprehensive guide is designed for developers seeking to implement robust, scalable applications using AWS, offering clear insights into each service’s role and setup within the project.

Links Backend:
Node - https://nodejs.org/en
Vscode Studio - https://code.visualstudio.com/
Postgres download - https://www.postgresql.org/download/
PgAdmin download - https://www.pgadmin.org/download/
Prisma docs - https://www.prisma.io/docs/getting-st...
Prisma types - https://www.prisma.io/docs/orm/refere...
Postman download - https://www.postman.com/downloads/

Links AWS:
AWS - https://aws.amazon.com/
AWS cli - https://docs.aws.amazon.com/cli/lates...
AWS billing - https://us-east-1.console.aws.amazon....
AWS free tier - https://aws.amazon.com/free/?all-free...
AWS ipv4 new charge - https://aws.amazon.com/blogs/aws/new-...
AWS ipv4 free tier - https://aws.amazon.com/about-aws/what...

Links Frontend:
Nextjs - https://nextjs.org/docs/getting-start...
Redux Toolkit w/ Nextjs - https://redux-toolkit.js.org/usage/ne...
Redux Toolkit Query - https://redux-toolkit.js.org/rtk-quer...
Nextjs and Context Providers - https://nextjs.org/docs/app/building-...
Tailwind - https://tailwindcss.com/docs/configur...
Recharts - https://recharts.org/en-US/api
MUI - https://mui.com/x/react-data-grid/

Code:
completed code - https://github.com/ed-roh/inventory-m...
image files (to download) - https://github.com/ed-roh/inventory-m...
tailwind.config.ts (to copy) - https://github.com/ed-roh/inventory-m...
redux store file (to copy) - https://github.com/ed-roh/inventory-m...
seed files (to copy) - https://github.com/ed-roh/inventory-m...
seed data files (to download) - https://github.com/ed-roh/inventory-m...
data model diagram - https://drawsql.app/teams/team-3023/d...
prisma schema file - https://github.com/ed-roh/inventory-m...
aws commands - https://github.com/ed-roh/inventory-m...

Chapters:
0:00 intro
3:37 basic installations
3:52 nextjs and packages installations
19:53 navbar and sidebar
50:24 redux installations
1:29:18 data modeling
1:36:18 local database installations
1:58:16 backend and packages installations
2:07:50 dashboard page
3:57:23 products page
4:05:44 inventory page
4:53:55 users page
5:00:36 settings page
5:12:42 expenses page
5:43:29 aws intro
5:48:00 aws billing
5:53:57 aws networking
6:09:54 aws ec2
6:29:34 aws rds
6:44:44 aws amplify
6:52:46 aws s3
7:03:54 outro

Watch video Build Nextjs Inventory Management Dashboard & Deploy on AWS | Postgres, Node, Tailwind, EC2, RDS, S3 online without registration, duration hours minute second in high quality. This video was added by user EdRoh 29 July 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 209,15 once and liked it 7.9 thousand people.