Next.JS : The beginner guide (2024 edition)

Build blazing fast and SEO-Optimized websites. Incl. Full-Stack , Auth,i18n, Hook form, Zod, Prisma, Supabase…


What you'll learn
Set Up and Configure a NextJS project
Develop a Complete Web Application Using NextJS
mplement Server-Side Rendering (SSR) and Static Site Generation (SSG)
Create Dynamic and Static Routes
Utilize Built-In APIs and Middleware
Deploy and Optimize NextJS Applications
Improve the SEO
Handle State Management in a NextJS Application
Create and Style Components
Implement Authentication and Authorization
Connect to Backend Services and Databases



Requirements
You already followed a React course
Basic understanding of Typescript : You can check my Typescript course ;)
Tailwind is a +

Description
Unlock the full potential of
modern web development
with our
comprehensive
Next.js
course
. Dive into the creation of
multiple real-world projects
, each designed to reinforce
essential concepts and techniques
.
From the
basics
of setting up your development environment to deploying polished, production-ready applications, this course covers it all.
You will embark on a journey through the robust features of Next.js, learning how to construct applications that are not only
fast
but also rank well due to their
SEO-friendly architecture.

In this course we will build 2 completes applications.
A Flash news App
( Front-end)
A Code snippet Manager App (
Front-end + Back-end
)
Discover how to implement
authentication
seamlessly,
connect
with
databases
, and
create scalable API
s that can handle the demands of
heavy traffic
. Validate your forms safely. Make your app support multiple languages and much more.
Each project in this course is an opportunity to apply what you've learned in a practical context, ensuring you gain hands-on experience.
We will tackle challenges such as user authentication, database integration, API creation, and optimization for search engines.
By the end of this course,
you will have the skills to build applications
that are both
performant
and
maintainable
, with a deep understanding of how Next.js can be used to its full potential. Whether you're looking to
elevate your
current
skill
set or build scalable solutions for the web, this course is your gateway to becoming a proficient Next.js developer.
Sumary of the course :
- Next.JS basics
- Server side rendering
- Client side rendering
- Incremental static generation
- Client components
-Server components
- Static generation
- Build a Front-end app with Next.JS
- Build a Full-Stack app with Next.JS
- Build a Rest API with Next.JS
- Securize your app with an authentication with Clerk
- Setup and use a Supabase postgrsql database
- Communicate with your database using Prisma
- Zod to sécurize user inputs in forms and API
- React hook form to handle the front-end forms validations.
- Create an REST API in Next.JS with Route handles
- Server actions and and Form actions
- Full internationalisation with next intl i18N
With each video associated to a code branch and as always step by step and in a casual way.
Robin.
Who this course is for:
React Developers seeking to expand their skill set to include NextJS for improved performance and SEO in their web projects.
Full-Stack Developers
Front-end Developers

More Info