Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Udemy

The complete guide to building a full-stack app with Next.js

via Udemy

Overview

How to build a complete full-stack real-world app using NextJS, Prisma ORM, TailwindCSS, NextUI and NextAuth

What you'll learn:
  • Set up and configure authentication in a NextJS app using NextAuth v5
  • Use Prisma ORM in a NextJS app to query and update a database
  • Use NextUI components to build a good looking User Interface
  • Use TailwindCSS to style elements in a NextJS application
  • Fetching data with NextJS server actions and the app router
  • Learn to build a real-world complete full-stack application using NextJS!

***Now updated to use NextJS15***


Dive into the world of full-stack development with this comprehensive course designed with beginners in mind. This course covers everything from the fundamentals of Next.js to deploying a full-scale application. Whether you are new to programming or looking to expand your existing skills, this course will guide you through every step of building a robust, database driven application.

Here are some of the things that are covered in this course

  • Creating a Next.js app

  • Querying a database using PrismaORM

  • Securely authenticating users using NextAuth (v5)

  • Creating a Messaging/Chat feature

  • Realtime communication using Pusher.

  • Email verification /Forgot password functionality

  • Designing the User interface using NextUI

  • Styling components with TailwindCSS

  • Utilising server actions to fetch and update the data in Next.js

  • Image uploading

  • Publishing the app to the internet with Vercel

Key features of this course

Comprehensive curriculum: 27 hours of high quality video tutorials, challenges and practical content.

Project based learning:Build a major project to showcase your new skills

Pre-Requisites

Basic knowledge of JavaScript, HTML and CSS is recommended.

Tools you need for this course

In this course all the lessons are demonstrated using Visual Studio Code, a free (and fantastic) cross platformcode editor. You can of course use any code editor you like and any Operating system you like... as long as it's Windows, Linux or Mac.

Is this course for you?

This course is very practical, about 90%+ of the lessons will involve you coding along with me on this project. If you are the type of person who gets the most out of learning by doing, then this course is definitely for you.

Onthis course we will build an example Dating Application. All you will need to get started is acomputer with your favourite operating system, and a passion for learning howto build a full featured full-stack app based on Next.js.

Syllabus

  • Introduction
  • NextJS Introduction and basics
  • Authentication Part One
  • Building the UI
  • Adding a new feature - likes
  • Updating resources and image upload
  • Adding the Messages feature
  • Realtime communications
  • Paging, sorting and filtering
  • Authentication Part Two
  • Role based access
  • Polishing and Publishing
  • Appendix A - Introduction to React (Optional)
  • Appendix B - Upgrading project to Next15

Taught by

Neil Cummings

Reviews

4.4 rating at Udemy based on 293 ratings

Start your review of The complete guide to building a full-stack app with Next.js

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.