Course Content
Next.js 14 Mastery for Building Modern Web Apps
Next.js 14 Mastery for Building Modern Web Apps
1. Introduction to Next.js
2. Setting Up a Next.js Project
Setting Up the Next.js Project Understanding the Project File and Folder StructureStyling Approaches in Next.jsAdding the Global CSS FileUsing Tailwind CSS for StylingWorking with CSS ModulesApplying Styles ConditionallyAdding Custom Google FontsChallenge: Implementing a Custom Google FontHandling Images in Next.js
3. Building Pages and Layouts in Next.js
4. Deploying a Next.js App and Setting Up a Database
5. Fetching and Displaying Data in Next.js
6. Advanced Next.js Features and Optimizations
7. Implementing Authentication in Next.js
Understanding AuthenticationSetting Up the Login RouteUsing NextAuth.js for AuthenticationConfiguring Authentication and Protecting RoutesHashing Passwords and Managing CredentialsImplementing Sign-In FunctionalityConnecting the UI with Authentication LogicImplementing Logout FunctionalityFinal Thoughts and Next Steps
Welcome to the Course
Welcome to the Next.js course! We'll learn the main features of Next.js 14 by building a full-stack web application.
Building the TradeHub Admin Platform
We will develop the TradeHub Admin Platform in this course. This platform will enable us to track sellers, invoices, and income. The platform will consist of several pages, including:
- A landing page accessible to all users;
- An authentication page to ensure the safety of all features;
- A dashboard page which will be the hub of all activity;
- A page where we can perform CRUD operations with the invoices.
By the end of the course
You will have gained expertise in all modern features of the Next.js 14 framework, and you will be able to apply this knowledge to your applications.
Everything was clear?
Thanks for your feedback!
Section 1. Chapter 1