What you will learn

• Latest Next.js
• Next.js App Router
• Next.js Server Actions
• Client & Server Components
• TypeScript (Beginner & Intermediate)
• Tailwind CSS
• Context API
• Advanced Animations with Framer Motion
• React.Email & Resend
• Custom React hooks
• Fresh, modern UI design
• Light & Dark mode
• Responsive website

Setup or Run project your own systum

0. npm i
1. Add RESEND_API_KEY environment variable in .env.local => https://resend.com/api-keys
2. In the send-email.ts action file, change the "to" email to your own email
3. npm run dev

Tech Stack

1. HTML
2. Tailwindcss
3. TypeScript
4. React
5. Next.js (npx create-next-app@13.4.8)
6. Framer motion
7. Email

other Node packages used

1. npm i react-icons
2. npm i framer-motion
3. npm i --save clsx
4. npm i react-intersection-observer
5. npm i react-vertical-timeline-component
6. npm i react-toastify
7. npm i resend@0.16.0 - npm i @react-email/tailwind - npm i @react-email/components - npm i @react-email/render