Build modern react applications with Next.js
In this course, you'll dive into one of the most powerful frameworks built on React, designed for creating lightning-fast, scalable, and SEO-friendly web applications. You'll learn how to leverage features like server-side rendering, static site generation, and dynamic routing to build modern, high-performance websites. Whether you're a beginner or an experienced developer, this course will equip you with the skills to master Next.js and enhance your web development projects.
Unlock knowledge from seasoned pros!
With two decades of industry experience, we understand what it takes to kickstart your career. That’s why we've created interactive courses that serve as essential reference materials for developers. Whether you're starting out or aiming to advance, these courses are designed to give you the competitive edge you need.
This course is designed by industry-leading professionals and packed with practical reference. It has already helped over 10,000 consultants land their dream jobs or advance their careers in Front-End, Full-Stack, Web, and Mobile technologies.
Example Curriculum
- Defining Routes (2:53)
- Nested Routes (1:28)
- Linking Pages with (2:48)
- Understanding Global Layout (3:09)
- Creating Global Header Component (3:09)
- The Import Alias (2:04)
- Configuring favicon using Image Files (1:40)
- Configuring favicon using Code (2:31)
- Component Basics (2:48)
- Component - Auto Optimization Feature (1:48)
- Styling - Global CSS and CSS Modules (4:36)
- React Server Component Vs Client Component (5:18)
- Error Page (3:22)
- Not Found Page (1:23)
- Dynamic Routes and Route Params (4:34)
- Making API calls in NextJS (4:21)
- Asynchronous Server Components (3:52)
- Implementing Loading Component (3:07)
- Introduction (1:10)
- Setting up Database with better-sqlite3 (2:30)
- Table Creation and Adding Data (3:53)
- Rendering Data in Next App (3:41)
- Configuring Dynamic Routes for Products (3:00)
- Refactoring the Code Structure (2:24)
- Manually Configuring Tailwind CSS (4:00)
- Creating Add Product Interface (10:21)
- Handling Form Submission with Server Action (4:21)
- Executing Query & Redirecting with redirect() (3:28)
- Creating Products Grid Interface (6:02)
- Implementing Delete Product Feature (3:59)
- Implementing Edit Functionality (4:39)
- Introduction to Prisma (1:21)
- Setting Up Prisma (4:09)
- Creating Prisma Client (1:42)
- Inserting Data Using create() (4:29)
- Inserting Data Using createMany() (3:06)
- All Possibilities of Record Deletion - delete() & deleteMany() (4:00)
- Fetching Data with Prisma (3:22)
- Updating Records with Prisma (3:35)
- The upsert() Method (2:28)
