My 100 Hours Udemy Course: https://www.udemy.com/course/the-web-dev-bootcamp/?referralCode=813BDEAF8C4F27ED6E74
Try Clerk for FREE: https://go.clerk.com/zhRWtyq
Try Neon for FREE: https://fyi.neon.tech/1aap
Source Code: https://github.com/burakorkmez/nextjs-course
Join discord to ask your questions: https://discord.gg/yEyKQWYugG
Highlights:
- 🚀 Tech stack: Next.js App Router, Postgres, Prisma, Clerk & TypeScript
- 💻 Server Components, Layouts, Route Handlers, Server Actions
- 🔥 Special Next.js files: loading.tsx, error.tsx, not-found.tsx
- 📡 API Integration using Route Handlers
- 🔄 Data Fetching, Caching & Revalidation
- 🎭 Client & Server Components
- 🛣️ Dynamic & Static Routes
- 🎨 Styling with Tailwind & Shadcn
- 🔒 Authentication & Authorization
-📤 File Uploads with UploadThing
- 🗃️ Database Integration with Prisma
- 🚀 Server Actions & Forms
-⚡ Optimistic Updates
Timestamps:
00:00:00 - Demo App
00:02:57 - Setup & Authentication
00:22:11 - Shadcn & Dark/Light Mode
00:29:38 - Building Navbar.tsx
00:44:46 - Postgres & Prisma
01:19:46 - Auth & DB Sync
01:32:13 - Building Sidebar
01:44:19 - Creating Posts
02:04:40 - Suggested Users
02:25:40 - Like & Comment & Delete Posts
03:03:19 - A Quick Recap & Route Handlers & Special Files
03:16:00 - Notifications Page
03:31:56 - Profile Page
04:02:40 - Image Uploads with UploadThing
04:15:02 - Deployment & Final Tests
Keywords:
React.js, Next.js, Next.js Crash Course
#reactjs #nextjs #programming