Create a Nextjs inventory management dashboard and deploy it to AWS | Postgres, node, Tailwind, EC2, RDS, S3

Create a Nextjs inventory management dashboard and deploy it to AWS | Postgres, node, Tailwind, EC2, RDS, S3

HomeEdRohCreate a Nextjs inventory management dashboard and deploy it to AWS | Postgres, node, Tailwind, EC2, RDS, S3
Create a Nextjs inventory management dashboard and deploy it to AWS | Postgres, node, Tailwind, EC2, RDS, S3
ChannelPublish DateThumbnail & View CountDownload Video
Channel AvatarPublish Date not found Thumbnail
0 Views
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 creating a complete inventory management dashboard using Next.js for the frontend, styled with Tailwind CSS and featuring a Material UI datagrid for data management complex. State management is streamlined with Redux Toolkit, complemented by Redux Toolkit Query for data retrieval.

The backend is powered by Node.js, using Prisma as the ORM to facilitate interactions with the database. We dive deeper into AWS and explain the basics for beginners, including setup, cost management, and networking fundamentals. Detailed procedures are provided for deploying and integrating AWS services such as RDS for database management, EC2 for computing power, API Gateway for building robust APIs, Amplify for front-end deployment and S3 for storage solutions.

This comprehensive guide is designed for developers looking to implement robust, scalable applications using AWS, providing clear information on the role and configuration of each service within the project.

Back-end links:
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-started/quickstart
Prisma Types – https://www.prisma.io/docs/orm/reference/prisma-schema-reference#model-fields
Postman Download – https://www.postman.com/downloads/

AWS Links:
AWS – https://aws.amazon.com/
AWS CLI – https://docs.aws.amazon.com/cli/latest/userguide/cli-chap-welcome.html
AWS Billing – https://us-east-1.console.aws.amazon.com/costmanagement/home?region=us-east-2#
AWS Free Tier – https://aws.amazon.com/free/?all-free-tier
New AWS ipv4 charges – https://aws.amazon.com/blogs/aws/new-aws-public-ipv4-address-charge-public-ip-insights/
AWS ipv4 Free Tier – https://aws.amazon.com/about-aws/whats-new/2024/02/aws-free-tier-750-hours-free-public-ipv4-addresses/

Front-end links:
Nextjs – https://nextjs.org/docs/getting-started/installation
Redux Toolkit with Nextjs – https://redux-toolkit.js.org/usage/nextjs
Redux Toolkit query – https://redux-toolkit.js.org/rtk-query/overview
Nextjs and context providers – https://nextjs.org/docs/app/building-your-application/rendering/composition-patterns#using-context-providers
Tailwind – https://tailwindcss.com/docs/configuration
Recharts – https://recharts.org/en-US/api
MUI – https://mui.com/x/react-data-grid/

Coded:
code completed – https://github.com/ed-roh/inventory-management/tree/master
image files (download) – https://github.com/ed-roh/inventory-management/tree/master/server/assets
tailwind.config.ts (to copy) – https://github.com/ed-roh/inventory-management/blob/master/client/tailwind.config.ts
redux store file (to copy) – https://github.com/ed-roh/inventory-management/blob/master/client/src/app/redux.tsx
seed files (to copy) – https://github.com/ed-roh/inventory-management/blob/master/server/prisma/seed.ts
seed data files (download) – https://github.com/ed-roh/inventory-management/tree/master/server/prisma/seedData
data model diagram – https://drawsql.app/teams/team-3023/diagrams/56-inventorymanagement
prisma schema file – https://github.com/ed-roh/inventory-management/blob/master/server/prisma/schema.prisma
AWS commands – https://github.com/ed-roh/inventory-management/blob/master/server/aws-ec2-instructions.md

Chapters:
0:00 intro
3:37 basic facilities
3:52 nextjs and package installations
7:53 p.m. navigation bar and sidebar
50:24 redux installations
1:29:18 data modeling
1:36:18 local database installations
1:58:16 backend and package installations
2:07:50 dashboard page
3:57:23 product page
4:05:44 inventory page
4:53:55 users page
5:00:36 settings page
17:12:42 expenses page
17:43:29 intro
5:48:00 AWS billing
5:53:57 AWS network
6:09:54 awsec2
6:29:34 aws rds
6:44:44 the aws are growing
6:52:46 aws s3
7:03:54 exit

Please take the opportunity to connect and share this video with your friends and family if you find it useful.