Ratings & reviews

5.01 rating

sanjaya k.

32 days ago

Ясно

100%
0%
0%
0%
0%
info

Complete all chapters to get certificate

0%

Introduction

chevron

Let's discuss what you need to learn before diving into the Next.js framework, what to expect from this course, and what you'll build.

Welcome

Project Overview

Course Prerequisites

How the Course Works

Basic Concepts

chevron

We will set up the project, inspect ways to add styling to our app and cover visual aspects such as images, fonts, pages, and layouts.

Project Set Up

Project File-Folder Strcture

Styling Approaches

Adding the Global CSS File

Tailwind Styling

CSS Modules

Conditionally Applying Styles

Custom Google Fonts

Challenge: Add Custom Google Font

Images

Pages and Layouts

chevron

Learn how to easily create and manage a new view for your app and navigate through all pages seamlessly with an incorporated routing system.

How Routing Works

Challenge: Create Page

Create a Common Layout

Navigation Optimization

Create Active Links

Deployment and Database

chevron

Deploy the Next.js app using GitHub and Vercel accounts. Additionally, establish a database to supply the app with the necessary data.

Accounts Set Up

Project Deployment

Project Database

Data Population

Working with Data

chevron

Consider how to obtain and show data to the user clearly and efficiently.

How to Fetch Data

Work with the Dashboard Page

Practice and Challenge: Retrieve Data

Dynamic vs Static Rendering

Loaders

Specific Parts Loaders

Challenge: Skeleton Loader

Group Components for Loaders

Advanced Features

chevron

Discover how to implement modern web features such as pagination, CRUD operations, global search, form validation, and more.

Invoices Page

Search Functionality

Pagination

Server Actions

Create Item

Update Item

Delete Item

Challenge: Form Validation

Authentication

chevron

Authentication implementation in Next.js.

Understand Authentication

Login Route

NextAuth.js

Authentication Configuration & Route Protection

Password Hashing & Credentials

Sign-in Functionality

Connect UI & Functionality

Logout Functionality

What's Next?