The Modern Full Stack Next.js Course
Build and Deploy Production-Ready apps to take your web development skills to the next level.
Join the Course Waitlist
Get a free Next.js learning roadmap once you sign up!
You're invited to the Early Access party! π
Get access to the Next.js course before anyone else and level up your skills while the rest of the course is being built out.
Here's what signing up to the waitlist means:
- β Get notified when the Next.js course releases!! π (be the first to know).
- β Give feedback on the course and shape it to your needs. π‘
- β Enjoy massive discounts π° with lots of bonuses exclusively for folks on the waitlist.
- β The course will be released in Early access to the waitlist first. π
- β You get access to Β½ the course content first (aka early access) which means you can start learning and leveling up your skills while the rest of the course is being built out and why is why you get a hefty discount π€.
Tech Stack
We are going to use the latest technologies to build the best performant apps
βThis course is incredible. Next.js can be tough to wrap your head around, but the depth of the content and real-world examples ensure you not only understand the core concepts but also how to apply them professionally. If you want to confidently build production-ready Next.js applications and have fun while you're doing it, this is the course for you! The content and the platform feel really fun and unique and the topics are extremely real-world and in-depth.β
Eve Porcello
Developer Educator, Moon Highway
EggHead.io and LinkedIn Learning Instructor
Why Choose This Next.js Course?
Get a custom course platform, lots of exercises, build production ready apps, learning from someone who has scaled many apps to millions of users, and visual learning.
Build Production Ready Apps
Learn to build apps that are ready for production and real-world use.
Lots of Practical Exercises
Lots of practical exercises and projects to help build production-ready apps.
Custom Course Platform
Get access to a custom course platform designed for your learning.
Learn from an Expert
Learn from someone who has scaled many apps to millions of users.
In-Depth Visual Learning
Visual learning materials such as interactive demos + visualizations to help you grasp complex concepts.
Gamified Learning
It makes the course fun to go through as you earn points and badges, go through quizzes and more.
βAnkita clearly knows her Next.js and her courses are a great way to level up your own knowledge and understanding. I like the cool mix of interactivity and conceptual walkthroughs in the course.β
Colby Fayock
Senior Engineer, Shopify
Formerly, Director, Cloudinary.
βAnkita is a great instructor. I've learned a lot from her Youtube Videos and her mentorship. I highly recommend her course to anyone who wants build professional apps that scale. I got a sneak peek of the course and it's amazing.β
Ralston Almeida
Founder
Formerly, Senior Engineer, Priceline.
Hi, I'm Ankita ππ½
I'll be your instructor for this course and here is a little bit about me.
I have,
- β Spent 12+ years in Tech at the intersection of Frontend and Leadership.
- β Have taught 10,000+ students React, GraphQL and Next.js online.
- β Grown 100+ developers & leaders and 25+ developer teams at a time.
- β Given over 30 conference talks worldwide, π₯ check out a few on YouTube here βοΈ.
- β Worked for IBM, Tim Hortons, Burger King, Popeyes, Borrowell, WealthSimple, Roche, Shoppers Drug Mart, Moleskine and more.
So React got really confusing. And the Ecosystem of Next.js is quite daunting. You need to know what to learn, where to focus and what the best practices are.
This course will cut through the noise and help you learn where to focus on no matter what your level is. Truly, this course is the Ultimate Course you need to master Next.js.
I've created this course to teach you what I've learned architecting and building apps with Next.js. It can be challenging to learn things independently, explore new tech and do your day-to-day so this course will connect you with other folks similar to you along with me as your instructor.
This course will push you to think how Senior Engineers build and architect apps.
To get an understanding of my teaching style, π₯ check out this playlist βοΈ. on my Youtube Channel
I hope you sign up for the course!
I'm excited to have you onboard.
Curriculum
This course is designed to take you from beginner to expert in Next.js. You'll learn how to build and deploy Next.js apps for production, how to optimize for performance, learn best practices and more.
Please note, this curriculum may change after the release of the course.
Next.js Essentials
Lesson 1
What is Next.js?
Lesson 2
Exercise: Next.js vs General Website
Lesson 3
Why Next.js?
Lesson 4
What does Next.js offer?
Lesson 5
Use cases of the framework
Lesson 6
Client vs Server Rendering
Lesson 7
Project
Routing in Next.js
Lesson 1
Routing in Next.js
Lesson 2
Routing Exercise
Lesson 3
Layouts
Lesson 4
Exercise: Layouts (Course Platform)
Lesson 5
Dynamic Routing
Lesson 6
Create routes - catch all vs dynamic routes
Lesson 7
Project
Lesson 8
Route Groups and Organization
Lesson 9
Parallel Routes and Intercepting Routes
Lesson 10
Route Handlers (API Routes)
Lesson 11
Middleware and Route Protection
Lesson 12
Error Handling and Not Found Pages
Lesson 13
Navigation and Link Component Best Practices
Lesson 14
Exercise: Building a Dynamic Navigation System
Master Server & Client Components
Lesson 1
What are Server & Client Components?
Lesson 2
Why do they exist?
Lesson 3
Exercise: Client Components β Server Components
Lesson 4
Do you actually need a Server for Server components?
Lesson 5
Architecture Best Practices
Lesson 6
Exercise: Architecture Best Practices
Lesson 7
FAQβs
Lesson 8
Using Suspense in Next.js
Lesson 9
Loading in Next.js
Lesson 10
Exercise: Suspense
Lesson 11
Project
Backend Integration with Server Actions
Lesson 1
The world before Server Actions
Lesson 2
What are Server Actions?
Lesson 3
Server Actions vs Server Components
Lesson 4
Invoking Server Actions
Lesson 5
Gotchas of Server Actions
Lesson 6
React Performance techniques
Lesson 7
Form data manipulation
Lesson 8
Data mutation
Lesson 9
Error Handling
Lesson 10
AI app hands-on exercise
Lesson 11
Exercise: Set cookie in a Server Component
Lesson 12
Project
Caching Deep Dive
Lesson 1
Different caching mechanisms
Lesson 2
Exercise: Caching mechanisms
Lesson 3
Gotchas to be aware of
Lesson 4
Server-side Rendering vs Pre-rendering vs Static Rendering
Lesson 5
Next.js 15 vs 14 differences
Lesson 6
Page level vs function level caching
Lesson 7
Caching and Performance
Lesson 8
Caching updates Exercise
Lesson 9
Caching playground exercise
Lesson 10
Project
Master Data Fetching Strategies (with AI)
Effective SEO Optimizations
The Secret Sauce to Deploying Production-Ready Apps
Upgrading your Apps the Right Way
βTime is a valuable thing. Because of that, I loved how Ankita delivers content that is straight to the point, immediately applicable, and without fluff. Every lesson is its own piece of practical knowledge that aims to solve one issue or help grow the learner's needed mental models. The short content format mixed with practical lessons really gives something we can check and apply immediately at work or whenever we run into that issue, loved the course!β
Daniel Afonso
Senior Developer Advocate, PagerDuty
Developer Advocate | Author | Speaker | Conference Organizer.
Pricing
Coming Soon
Stay tuned for our exciting pricing options!
Loved by Past Students
I could toot my horn, but students do it for me.
Michael Boitmann
Field Support Engineer @RA Jenks
It's really hard to expect anything less than excellence in her course. The workshop was really good, and I thought I wouldn't be able to catch up, but it turned out the other way around. A great course is always Ankita's output, and the complexity of the topics turns out to be easily understood whenever she explains it. I've seen plenty of other courses, but she always explains it better and gets it stuck into my understanding. There's no need to think twice if you're a beginner and getting her course; it's definitely fit for everyone.
Enrolled in Next.js Workshop
Javaid Khan
I have watched so many tutorials on Youtube on Next.js and your Crash Course was one of the best. There is no doubt about your teaching style and expertise in the React ecosystem.
Previous Student
Jay
Frontend Developer @Ecofirst
After the workshop, I really enjoyed learning with you and I will come next time, please let me know :)
Enrolled in Next.js Workshop
A
I finally understood server component VS client component. Cache is a difficult topic, I finally understand after the workshop :)
Enrolled in Next.js Workshop
Ralston Almeida
Senior Software Engineer @Priceline
Ankita is a great instructor. I've learned a lot from her Youtube Videos and her mentorship. I highly recommend Ankita's course to anyone who wants build professional apps that scale well. I got a sneak peek of the course and it's amazing.
Enrolled in Next.js Workshop
Mr. King Shuk G
Developer
My biggest takeaway from the course was understanding server actions and server components. My favourite part of the experience was the exercises that demonstrated how to use Next.js.
Enrolled in Next.js Workshop
Rushikesh Patil
Developer
The new updates in Next.js and the way they were explained were amazing. My favourite part was the presentation, which was truly impressive.
Enrolled in Next.js Workshop
Khayar Goli Biswas
Developer
The aha moment for me was understanding how the sizes attribute of the Image component worked. My favourite part was learning interactively.
Enrolled in Next.js Workshop
Raknes
Developer
Dynamic image optimization was my biggest takeaway. My favourite part was the small, simple tasks that provided hands-on experience and allowed me to see the functionality in real-time.
Enrolled in Next.js Workshop
Keanu Stobbe
Developer
The workshop as a whole showed me important aspects and practices necessary for building good Next.js apps. My favourite part was learning about the server-side and client-side aspects.
Enrolled in Next.js Workshop
Imran Phynix
Developer
I loved learning about security and caching. My favourite part was that I have never stayed this long in any workshop before.
Enrolled in Next.js Workshop
Teyenike
Developer
I loved the explanation of using server actions. My favourite part was the exercise in the sandbox environment, which provided a smooth experience without needing to spin up a new boilerplate.
Enrolled in Next.js Workshop
Vinu Bailoor
Developer
Discovering how we can use server components to secure API keys was my biggest takeaway. My favourite part was the cool practical exercises prepared for the workshop.
Enrolled in Next.js Workshop
MT Baloch
Developer
The course was really insightful and to the point. My favourite part was learning about caching.
Enrolled in Next.js Workshop
Shubham Agrahari
I learned a lot about image optimization. What really stood out was seeing real-life optimization problems, since not everyone has good internet.
Enrolled in Next.js Workshop
Saloni Palav
I learned how API keys can be exposed and misused by malicious users and ways to avoid it. The interactive exercises were particularly engaging!
Enrolled in Next.js Workshop
Madhan Valarmathi
I gained a solid understanding of Next.js concepts, particularly enjoying the sections on optimization and component rendering.
Enrolled in Next.js Workshop
Richard Gakpetor
I discovered new insights about the Image component. The exercises, well-presented slides, and engaging instruction made the workshop excellent.
Enrolled in Next.js Workshop
Fauxia
The server components section was particularly enlightening. Every part was taught with great clarity.
Enrolled in Next.js Workshop
Gowri
Learning about server components and server actions differences, along with the mockapi maker was invaluable. Getting highlights of Next.js 15 was particularly exciting.
Enrolled in Next.js Workshop
Peter Bagi
As someone new to Next.js, everything was interesting and enlightening. The entire workshop experience was engaging.
Enrolled in Next.js Workshop
Stavros Bastakis
Understanding the difference between Server actions and Server components was enlightening. The quizzes helped reinforce the learning.
Enrolled in Next.js Workshop
Barath S
The hands-on practical approach was incredibly valuable. The learning articles were particularly helpful in understanding the concepts.
Enrolled in Next.js Workshop