Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Language
English
Taught by
Neil Cummings
Rating
1 views
Course Overview
How to build a complete full-stack real-world app using NextJS, Prisma ORM, TailwindCSS, NextUI and NextAuth
*** Now updated to use NextJS 15***
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 Prisma ORM
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 platform code 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.
On this course we will build an example Dating Application. All you will need to get started is a computer with your favourite operating system, and a passion for learning how to build a full featured full-stack app based on Next.js.
Course Content
- 10 section(s)
- 199 lecture(s)
- Section 1 Introduction
- Section 2 NextJS Introduction and basics
- Section 3 Authentication Part One
- Section 4 Building the UI
- Section 5 Adding a new feature - likes
- Section 6 Updating resources and image upload
- Section 7 Adding the Messages feature
- Section 8 Realtime communications
- Section 9 Paging, sorting and filtering
- Section 10 Authentication Part Two
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!
Skills covered in this course
Reviews
-
EEmmanuel Jr. Lim
Amazing!!
-
EEdwin Okoronkwo
The explanations are excellent. The course is up to date. The UI is lovely with modern look and feel. Great mix of various technologies. Very organized course. Good that we are continuously saving all our had work to git at the end of every section. Really enjoyed working on this application and looking forward to taking more courses from the instructor.
-
JJames Bowers
The tutor is a very clear communicator and is well-spoken - however unfortunately, there have been several updates to Next.JS since the course was recorded, which renders the content pretty obsolete. The main example is that you're encouraged to use 'HeroUI' components very early on, which since recording, have been updated and can no-longer be rendered server-side, and no-longer support asynchronous rendering. So you'll have to split your code into separate files (client / server) in order for your code to even work - and once it does work, it has none of the benefits of Server Side Rendering, which as I understand it, is the main selling point of Next.JS. This is pretty infuriating once you're hours in - although it's not really the tutor's fault, I do feel that he could have done more to update the course and point these issues out.
-
SSara Gonzalez
It would be nice to see the changes as the teacher is writing the code, to see and understand what is going on, otherwise a lot of things do not make sense
