Mastering Next.js with TypeScript

Next. js is a powerful framework that can help you build better and faster web applications. If you are looking for a framework that can help you improve the performance, SEO, and overall user experience of your web applications, then Next. js is a good option.

Next.js Fundamentals

1. What is Next.js
2. Setting Up the Development Environment
3. Creating Your First Next.js Project
4. Project Structure
5. Routing and Navigation
6. Client and Server Components
7. Data Fetching
8. Caching
9. Static and Dynamic Rendering

Styling

1. Global Styles
2. CSS Modules
3. Tailwind CSS
4. DaisyUI
5. Global Styles

Routing and Navigation

1. Routing Overview
2. Dynamic Routes
3. Catch-all Segments
4. Accessing Query String Parameters
5. Layouts
6. Navigation
7. Programmatic Navigation
8. Showing Loading UIs
9. Handling Not Found Errors
10. Handling Unexpected Errors

Building APIs

1. Getting a Collection of Objects
2. Getting a Single Object
3. Creating an Object
4. Updating an Object
5. Deleting an Object
6. Validating Requests with Zod
7. Exercise- Building Products API

Database Integration with Prisma

1. Installing MySQL
2. Setting Up Prisma
3. Defining Models
4. Creating Migrations
5. Creating a Prisma Client
6. Getting Data
7. Creating Data
8. Updating Data
9. Deleting Data

Uploading Files

1. Setting Up Cloudinary
2. Uploading Files
3. Showing Uploaded Images
4. Customizing the Upload Widget

Authentication with Next Auth

1. Setting Up Next Auth
2. Configuring Google Provider
3. Understanding Authentication Sessions
4. Accessing Sessions on the Client
5. Accessing Session on the Server
6. Signing Out Users
7. Protecting Routes
8. Database Adapters
9. Configuring CredentialsProvider
10. Registering Users

Sending Emails

1. Setting Up React Email
2. Creating an Email Template
3. Previewing Emails
4. Styling Emails
5. Sending Emails

Optimizations

1. Optimizing Images
2. Using Third-party Scripts
3. Using Fonts
4. Search Engine Optimization
5. Lazy Loading

Deployment

1. Preparing for Production
2. Pushing the Code to GitHub
3. Deploying to Vercel
4. Troubleshooting Deployment Errors