LearnNext
Coming soon

Master Next.js by Building Real-World AI Apps

The first and last Next.js course you'll ever need. Learn by building 4 unique AI apps in just 30 days.

Pre-order Now

Pre-order period has ended. Full course releasing soon.

Learn in-demand cutting-edge technologies.

Next and AI will take your
career
to the next level

Github Stars by Framework

Next is the #1 JS framework

Next is one of the hottest and most in-demand new tech in the market.

Mid-Level Software Engineer Salaries

AI Devs earn $24,991 more

According to Levels.fyi, AI-focused engineers earn substantially more than their counterparts.

Percentage of AI Startups in YC 2023

  1. AI Startups

  2. All Other Startups

AI Startups are in high-demand

39% of all startups that Y-Combinator funded in 2023 were AI-focused companies.

You don't learn from building toy projects.
You learn from building real-world applications.

Course Projects

Build increasingly complex apps, one after another.

Trippo

Learn the fundamentals of building a LLM-powered Next.js app by coding an AI-assisted travel planner from start to finish.

Alexandrai

Turn videos into your very own knowledge compendium. Transcribe, summarize, search, and chat with any video on Youtube via Retrieval Augmented Generation.

AgentX

You'll master more advanced Next.js and AI techniques by building an intelligent customer support chatbot capable of performing complex tasks autonomously.

Capstone Project

Utilize everything you've learned in the course to build a truly unique personal project for your life or business.

Meet your instructor

Jay's PFP

Hey, I'm Jay.

I help engineers and entrepreneurs build real-world AI apps on the internet.

In 2022, I left my full-time job to learn more about exciting new technologies. I fully immersed myself in the world of AI and started hacking, sharing, and teaching everything I learned along the way.

This course contains everything I know about Next.js and AI, along with the different skills and lessons I've acquired while programming for almost 10 years.

Previously at

Meta Logo

Message me on

x logo

"When I look for the best advice on building AI apps, Jay is by far my number 1 source of high-quality, tailored information."

profile picture
Lyle Kruger
Founder of The 4 Hour AI Workweek

More than just another course

Included Content

See what's included. Learnnext has everything you need to succeed.

Pre-order now

90+ Individual Lessons

Course modules are broken down into digestible individual lessons, totaling over 13+ hours of video content.

4 Truly Unique Projects

No more todo lists or weather apps. Learn from building interesting projects that stand out.

(Bonus) 24+ Checklists and Diagrams

Downloadable visual diagrams and convenient checklists to set you up for long-term success.

(Bonus) Ready-to-Deploy AI SaaS Template

Your purchase comes with a ready-to-use Next.js boilerplate to kickstart your next venture. Save hours and skip the guesswork.

Course Details

Get a sneak-peek at everything you'll learn in the course.
You'll get an exact syllabus before the official launch.

Individual lessons are subject to change

Welcome!

Introduction

Welcome video: Get to know your instructor

Get coding: Start coding with a warmup exercise to get an early taste of the course

10,000-foot view: Get a clear understanding of how the course is structured

How to get help: Simple, easy steps on how to get help when you’re stuck

Bonus materials: How to access all the bonus materials that came with your purchase

Creating your first Next.js app

Trippo

Next.js in 100 seconds: Get an overview of Next’s strengths, use cases, and more

create-next-app: Learn how to scaffold a Next.js project with its powerful CLI tool

Folder structure: Explore how Next.js projects are structured

Configuration: Set-up important utilities like Tailwind, import aliases and custom fonts

Next.js fundamentals

Trippo

Routes & Layouts: Master navigating between pages with Next 14's App Router

Data Fetching: Leverage Next’s powerful new data fetching patterns

React Server Components: Deep dive into React’s new component paradigm

Working with external APIs: Integrate third-party services into your app

Styling & Tailwind: Customize your components with Tailwind

The Data & Route Cache: Learn how Next intelligently caches your API requests

Supercharging our App with AI

Trippo

LLM Basics: Get hands-on experience in the OpenAI playground

Prompt Engineering Basics: See how small tweaks to a prompt can 10x the output

Temperature: Experiment with different LLM configuration options

AI-SaaS workflow: Learn how to wire up OpenAI's APIs with your app

Working with mutations

Trippo

Forms: Explore React’s new form API and its hooks

Server Actions: Write mutations that seamlessly connect your client to the backend

Data Validation: Prevent costly mistakes by validating user input with Zod

Saving user generations with databases

Trippo

Serverless Postgres: Connect to your serverless database for the first time

ORMs: Learn how ORMs work and how they can improve your workflow

Pooled Databases: Understand how serverless databases differ from traditional databases

Migrations & Pushes: Alter your remote database schemas directly within Node.js

Data Modeling Basics: Create well-structured schemas to represent data and relationships

Dynamic routes, caching, and streaming

Trippo

Dynamic Routing: Server-render user-generated pages on the fly

Cacheing: Explore more advanced nuances with the Next.js data and full route caches

Streaming: Show interim loading states using React Suspense boundaries

Finishing touches and deploying to the web

Trippo

Landing Pages: Design your first landing page with Next.js

SEO: Use best-practices to make sure your pages get discovered

Environment Variables: Protect sensitive data with environment variables

Deploying to Vercel: Deploy your app to an auto-scaling serverless platform

Improvements: Brainstorm different ways to improve our finished project together

Everything you need to know about authentication

Alexandrai

Authentication vs Authorization: Understand the key difference between the two Auths

Managed vs Self-Provisioned: Compare the pros-and-cons of rolling your own auth

Session vs Tokens: Learn the two most common authentication patterns

Middleware: Protect your app from unauthorized users with middleware

OAuth Login: Empower your users to sign up with Google or other social providers

Permissions: Ensure users can only perform actions they’re allowed to

Creating your first chatbot

Alexandrai

Streaming: Improve your UX by delivering messages as they become available

The AI SDK: See how Vercel’s AI SDK can speed up your workflow

Managing AI Conversations: Understand why messages get more expensive as chats get longer

Summarization: Weigh the pros-and-cons of summarizing long conversations

Videos and transcriptions

Alexandrai

Youtube API: Retrieve relevant information with Youtube’s official APIs

Transcriptions: Interact with pre-existing video transcriptions

Whisper: Process and generate your own transcriptions with OpenAI’s Whisper

Time sync: Keep your temporal data intact when converting from video to text

LLM deep dive: the memory problem

Alexandrai

Context Windows: Deep dive into exactly how context windows dictate your LLM's workflow

Embedding Models: Learn how transformer models understand human text

Vector Embeddings: Generate your first embedding using OpenAI or open-sourced models

Vector Databases: Create your first vector database and understand how it works

Retrieval Augmented Generation: Supercharge your LLMs with context-rich information

Retrieval Augmented Generation: Working with LlamaIndex

Alexandrai

Splitting & Indexing: Compactly store pdfs or markdown files with Llamaindex

Retrievers: Use context-aware retrievers to query vector databases

Retrieval Methods: Compare the difference between stuffing and more advanced methods

Postprocessing: Learn how re-ranking can improve your output quality

Next.js, serverless and the edge

Alexandrai

Timeouts: Avoid timeouts by moving expensive functions to the edge

Edge computing: Identify the clear pros and cons of computing from the edge

Database roundtrips: Understand why databases are the most costly part of edge computing

Runtimes: See in action how using the wrong runtime APIs can break your app

Building a more advanced chatbot

AgentX

Tools: Create functions that your intelligent agents can leverage

Function Calling: Empower your AI agents with executable code

Agents: Generate multiple AI personas to handle different use cases

Giving your agent real-world powers

AgentX

Scheduling: Allow customers to automatically book calendar appointments with AI

Advanced features: Equip your LLM with more advanced functionalities like placing orders

Defense against bad actors

AgentX

Prompt Injections: See how users can manipulate LLMs with malicious prompts

Prompt Sanitization: Pre-process potential inputs to check for injection attempts

Guardrails: Implement guardrails to prevent your AI from performing undesired actions

Rate Limiting: Rate-limit users who are abusing your services by sending too many requests

Iframes and embeds: deploying your agent

AgentX

Embeds: Explore the different ways to deploy your working chatbot onto an existing page

Cross-Origin Optimizations: Ensure your app looks and works as expected in different environments

Cross-Origin Policies: Secure your chatbot with robust cross-origin policies

Building a truly unique project

Capstone

Ideation: Come up with interesting project ideas that leverage your unique strengths

Architecture: Plan the 10,000-foot view of your capstone project methodically

Setting Up: Prepare your codebase for success by applying everything we learned

Pruning: Prioritize and remove features that aren’t vital to your MVP

Building a MVP: Create a fool-proof strategy that will move your project from idea to product

Scaling & Next Steps: Explore the next steps you can take with your prized creation

Typescript for Javascript developers

Bonus

Basics: Understand Typescript’s unique role and how it integrates with Next.js

Primitives and types: Familiarize yourself with key Typescript types like numbers, arrays, and records

Functions: Create more readable functions by using Typescript return types

Utility Methods: Perform advanced type inferences with built-in utility types

Generics: Define robust, reusable types using generics

Rolling your own auth

Bonus

NextAuth: Create your own authentication setup using NextAuth

Premade Pages: Utilize NextAuth’s preconfigured routes to have drop-in auth in your app

OAuth: Authenticate your users with social providers like Google using NextAuth

Advanced topics in AI & LLMs

Bonus

Advanced RAG: Learn more advanced and accurate methods to store and retrieve your documents

Fine-tuning: Customize LLM behaviors with a pre-configured dataset

Open Source LLMs: Explore how open models like LLaMA or Mistral can provide unique solutions

Multimodal AI: Use visuals, images, and graphics as part of your LLM generations

Who is this course for?

Learnnext is for anyone that wants to master Next.js or learn more about building LLM-powered AI apps.

Prerequisites

This is an intermediate course. Here's what you'll need to succeed:

  • Solid understanding of Javascript
  • Comfortable working with React and React Hooks
  • Desire to learn Next.js & AI Development

You do not need prior experience with Next.js, Typescript, Tailwind, or building with LLMs. We'll cover everything you need to know in the course!

Not sure if you're ready for the course? Take a quick quiz to find out!

Take the Quiz

1 min

|

5 Questions

Pricing

Pay Once, Unlock Lifetime Access

Learnnext

$179

One-time payment

  • Lifetime access to all course content
  • 90+ Individual lessons
  • 13+ hours of video content
  • 4 Real-world AI Projects
  • Flexible learning schedule
  • 14 Day money-back guarantee
  • (Bonus) Typescript crash course for JS devs
  • (Bonus) 17+ Downloadable visual diagrams
  • (Bonus) 7+ Tools, Checklists, and Cheatsheets
  • (Bonus) Next.js AI SaaS Boilerplate ($170 value)

Frequently asked questions

Can't find an answer to your question? Message me on X or send us an email at support@learnnext.ai.