Build a Nextjs Project Management App & Deploy on AWS | Cognito, EC2, Node, RDS, Postgres, Tailwind

The first 500 people to use my link will get a 1 month free trial of Skillshare:
https://skl.sh/edroh09241

Build a Complete Project Management Dashboard using Next.js, Node.js, and AWS Services

This tutorial guides you through building a Project Management Dashboard application using a combination of popular technologies and services. We start by setting up the frontend with Next.js, integrating Tailwind CSS for styling and Material UI Data Grid to handle complex data presentations. We'll use Redux Toolkit for state management and Redux Toolkit Query for effective data fetching.

The backend architecture is built on Node.js, utilizing Express for server-side logic. We'll manage our database with PostgreSQL, interfaced through Prisma, and monitored using PgAdmin. We explore AWS services extensively, detailing the setup and integration of AWS Lambda for serverless computing and AWS Cognito for user authentication and management.

The tutorial is designed for developers looking to deploy scalable web applications, with comprehensive instructions on configuring and deploying each part of the stack to create a robust Project Management Dashboard.

Links Backend:
Node - https://nodejs.org/en
Vscode Studio - https://code.visualstudio.com/
Express - https://expressjs.com/
Postgres download - https://www.postgresql.org/download/
PgAdmin download - https://www.pgadmin.org/download/
Prisma docs - https://www.prisma.io/docs/getting-st...
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 cognito - https://aws.amazon.com/cognito/
AWS cognito related links -
https://ui.docs.amplify.aws/react/con...
https://docs.amplify.aws/javascript/t...

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...
React DnD - https://react-dnd.github.io/react-dnd...
Nextjs Providers - https://nextjs.org/docs/app/building-...
Tailwind - https://tailwindcss.com/docs/configur...
Tailwind Linting - https://tailwindcss.com/blog/automati...
Tailwind Prettier - https://github.com/tailwindlabs/prett...
Recharts - https://recharts.org/en-US/api
MUI - https://mui.com/x/react-data-grid/
Gantt Charts - https://github.com/MaTeMaTuK/gantt-ta...

Code:
completed code - https://github.com/ed-roh/project-man...
tailwind config file - https://github.com/ed-roh/project-man...
seed data files - https://github.com/ed-roh/project-man...
image files - https://github.com/ed-roh/project-man...
aws ec2 instruction files - https://github.com/ed-roh/project-man...
data model diagram - https://lucid.app/lucidchart/877dec2c...
aws architecture diagram - https://lucid.app/lucidchart/62c20695...
aws cognito diagram - https://lucid.app/lucidchart/9e17e28e...
globals.css file (to copy for gantt): https://github.com/ed-roh/project-man...
redux toolkit store with redux persist (to copy) - https://github.com/ed-roh/project-man...
command for resetting id in database:
`SELECT setval(pg_get_serial_sequence('"[DATA_MODEL_NAME_HERE]"', 'id'), coalesce(max(id)+1, 1), false) FROM "[DATA_MODEL_NAME_HERE]";`

Chapters:
0:00 Intro
5:15 Basic Installations
7:40 Frontend Install
12:04 Tailwind Install
18:17 Dashboard Wrapper
24:58 Navbar
36:30 Sidebar
48:15 Redux Toolkit
1:08:46 Redux Toolkit Integrations
1:19:57 Sidebar Responsive
1:33:33 Data Model
1:37:18 Local Postgres Install
1:41:27 Backend Typescript Install
1:44:12 Prisma Install
2:04:53 Backend Install
2:14:16 Projects Backend
2:46:32 Projects Frontend
4:55:10 Projects Frontend Modal
5:36:02 Timeline
5:43:28 Search
6:01:49 Settings
6:05:53 Users
6:17:16 Teams
6:27:56 Home
6:48:30 Priority
7:15:25 Github Repo
7:21:21 Intro
7:22:58 Budget
7:28:30 Deleting
7:30:21 AWS Overview
7:31:40 AWS Networking
7:46:15 EC2
8:02:00 RDS
8:15:59 Amplify
8:20:45 Api Gateway
8:25:43 S3
8:35:19 Cognito
9:45:00 Outro