Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Hands-On Modern Development of Todo App with Next.js&NestJS
Rating: 4.1 out of 5(14 ratings)
2,542 students

Hands-On Modern Development of Todo App with Next.js&NestJS

Build a real-world full-stack app in just 2 hours using Next.js, NestJS, Material, MongoDB Atlas, Prisma, JWT & AI Agent
Created byLukasz Kallas
Last updated 5/2026
English

What you'll learn

  • Build a full-stack app from scratch with help of AI Agent
  • Structure a project with separate Next.js frontend and NestJS backend
  • Set up a cloud MongoDB Atlas database with Prisma
  • Implement JWT-based session authentication
  • Create, read, update, and delete todos
  • Use GitHub for versioning after each major feature

Course content

3 sections11 lectures2h 0m total length
  • Welcome!2:55
  • Join Our Community0:04
  • Setup13:49

Requirements

  • Basic understanding of JavaScript and TypeScript
  • Familiarity with frontend/backend concepts
  • Node.js and npm installed
  • (Optional) GitHub account and MongoDB Atlas account
  • No prior experience with Next.js or NestJS required

Description

In this hands-on course, we will build a todo list application using Next.js, NestJS, MongoDB Atlas, Prisma, and Material UI – with user registration, authentication, and session handling.

I’m Lucas, a tech lead working in an international team. I’ve created this course to blend real developer experience with the power of modern AI-assisted tools like Cursor and ChatGPT.

Instead of learning a single technology in isolation — which we do in many of my courses — we’ll build a complete app step-by-step:

  • Next.js frontend using the App Router

  • NestJS backend with RESTful API

  • MongoDB Atlas with Prisma ORM

  • JWT-based session authentication

  • Material UI for forms and layout

  • Full CRUD operations for todos

  • GitHub commits after each major step

Everything is built live, from scratch — without any slides or boring theory. Just we, the code, and a fast workflow supported by modern dev tools.

No advanced knowledge is required. If you’ve used JavaScript before and want to build something real, this course will walk you through the process clearly and efficiently. We'll move fast but explain as we go — striking the right balance between learning and doing.

So no matter if you're just starting out or want to practice real full-stack building, this course is a great way to get a working project into your portfolio — and learn how modern tools can make you faster and better.

Who this course is for:

  • Developers who want to learn full-stack development by building a real app
  • Beginners who’ve tried tutorials and want to build something complete
  • Coders transitioning into modern React or NestJS stacks
  • Anyone exploring how to use AI-assisted tools like Cursor or ChatGPT while still learning deeply