Prowid logo — programming courses PROWIDIT Education Academy

Next.js

Next.js course — Prowid
Course duration
2 months / 12 lessons
Individual
Per month 160 AZN
Group
Per month 130 AZN
Paying for the full course in a group
15% discount
Installments
50/50
Subscription
from 30 AZN a month
Next.js is a React-based framework for full-stack web applications: server-side rendering, SEO, APIs and high performance in a single tool. React knowledge is required for this course.

Enrollment for a new group is open — send a request to reserve your seat

Lessons are taught live in Azerbaijani and Russian.

Enroll in the course Free trial lesson

Or study on your own in your personal account → with a subscription from 30 AZN a month

Course curriculum

Introduction to Next.js: App Router and project structure
Routing: pages, layouts, dynamic routes
Server and Client Components
Data fetching and caching
Rendering strategies: SSR, SSG, ISR and streaming
Server Actions and forms
Route Handlers: building APIs in Next.js
Database: PostgreSQL and Prisma
Authentication and route protection
SEO: Metadata API, image and font optimization
Error handling, loading and not-found pages
Deployment: Vercel and Docker
Final project: a full-stack application (blog or online store)
How do we teach?

Learning stages

01

Webinar

Students join the lesson live. At the end of each lesson, students are sent a video recording of the class.

02

Homework

Every assignment is based on the topic covered in the webinar. Homework helps you reinforce the material and understand it better.

03

Working with a mentor

The teacher stays in touch with the group both during the course and outside class. Any questions get answered right away.

04

Portfolio

During the course you'll complete several projects on different topics — they'll show employers what you can do.

Self-paced learning

The full curriculum in your personal account

113 topics with theory, examples and practice. The first 4 are free, the rest come with a subscription. Interactive lessons with slides and coding trainers: 100.

Start for free Subscription from 30 AZN a month
Getting Started with Next.js6 topics
  1. What Next.js Adds to React
  2. Creating a Project with create-next-app
  3. Project Structure: app, public and Config Files
  4. dev, build and start: Development and Production Builds
  5. How Next.js Renders a Page: Server, HTML and Hydration
  6. next.config.ts, TypeScript and ESLint in a Project
Routing and Navigation10 topics
  1. File-Based Routing: Folders, page.tsx and Nested Routes
  2. Layouts: Root and Nested Layouts
  3. Navigation with the Link Component
  4. Programmatic Navigation: useRouter, usePathname, useParams
  5. Dynamic Segments: [id] and Async params
  6. Catch-All Segments: [...slug] and [[...slug]]
  7. Route Groups and Private Folders
  8. Search Params: Keeping State in the URL
  9. Redirects and Rewrites: redirect(), permanentRedirect() and next.config
  10. Project: Multi-Page Portfolio Website
Special Files and Advanced Routing7 topics
  1. Loading UI: loading.tsx and Skeletons
  2. Error Handling: error.tsx and global-error.tsx
  3. 404 Pages: notFound() and not-found.tsx
  4. template.tsx and the Special File Hierarchy
  5. Parallel Routes: @folder Slots and default.tsx
  6. Intercepting Routes: Modals with Their Own URL
  7. Project: Photo Gallery with Modal Viewer
Server and Client Components8 topics
  1. Server Components: Components That Run on the Server
  2. The 'use client' Directive and Client Boundaries
  3. Passing Data from Server to Client Components
  4. Composition Patterns: Server Components Inside Client Components
  5. Context and Providers in the App Router
  6. Third-Party Client Libraries and next/dynamic
  7. Hydration Errors: Causes and Fixes
  8. Project: Migrating a React SPA to Server Components
Styling, Fonts and Images7 topics
  1. Tailwind CSS v4 in Next.js: Setup and Theme
  2. CSS Modules, Global Styles and Sass
  3. UI Components: shadcn/ui, cn() and Variants with cva
  4. Dark Mode with next-themes Without Flicker
  5. Fonts: next/font/google and Local Fonts
  6. Images: The next/image Component
  7. Third-Party Scripts: next/script and @next/third-parties
Data Fetching and Streaming8 topics
  1. Environment Variables: .env and NEXT_PUBLIC_
  2. Fetching Data in Server Components
  3. Async Request APIs: cookies(), headers() and params
  4. Parallel vs Sequential Fetching: Avoiding Waterfalls
  5. Streaming with Suspense: Rendering a Page in Parts
  6. The use() Hook: Passing Promises to Client Components
  7. Client-Side Fetching: TanStack Query and SWR
  8. Project: Exchange Rates and Weather Dashboard
Route Handlers and Proxy (Middleware)5 topics
  1. Route Handlers: API Endpoints in the app Folder
  2. Route Handlers: Params, Request Body and Responses
  3. CORS, Webhooks and Streaming Responses in Route Handlers
  4. Proxy (Formerly Middleware): Intercepting Requests Before Rendering
  5. Proxy in Practice: Redirects, A/B Tests and Headers
Rendering and Caching9 topics
  1. Static vs Dynamic Rendering
  2. generateStaticParams: Static Pages for Dynamic Routes
  3. How Caching Works in Next.js
  4. Caching fetch: cache, revalidate and tags
  5. ISR: Time-Based Incremental Static Regeneration
  6. On-Demand Revalidation: revalidatePath and revalidateTag
  7. The 'use cache' Directive: cacheLife and cacheTag
  8. Partial Prerendering: Static Shell and Dynamic Holes
  9. Project: News Site with ISR and Revalidation
Databases: PostgreSQL, Prisma and Drizzle9 topics
  1. PostgreSQL and Prisma: Connecting to a Project
  2. Prisma Schema, Migrations and Seeding
  3. Prisma Queries: Create, Read, Update, Delete
  4. Relations in Prisma: One-to-Many and Many-to-Many
  5. Transactions and Database Error Handling
  6. Drizzle ORM: TypeScript Schema and SQL-Like Queries
  7. Data Access Layer: DAL, DTO and React cache()
  8. Database-Side Search, Filters and Pagination
  9. Project: Product Catalog with Search and Filters
Server Actions and Forms10 topics
  1. Server Actions: The 'use server' Directive and Forms
  2. Data Mutations: Server Actions, revalidatePath and redirect
  3. Server-Side Form Validation with Zod
  4. useActionState and useFormStatus: Form State
  5. Server Actions Outside Forms: useTransition and bind
  6. Optimistic Updates with useOptimistic
  7. Complex Forms: React Hook Form, Zod and Server Actions
  8. File Uploads with Server Actions
  9. Server Actions Security
  10. Project: Full-Stack Task Manager with Server Actions
Authentication and Authorization9 topics
  1. Authentication Basics: Sessions, Cookies and JWT
  2. Auth.js v5: Setup and Sign-In with GitHub
  3. User Session in Server and Client Components
  4. Users in the Database: Prisma Adapter and Callbacks
  5. Multiple Providers, Google and a Custom Sign-In Page
  6. Registration and Email/Password Sign-In
  7. Protecting Routes: Proxy, DAL and Server Actions
  8. Authorization: Roles, Permissions and Data Ownership
  9. Project: Protected Dashboard with Roles
SEO, Content and Internationalization11 topics
  1. Metadata API: Titles, Descriptions and Open Graph
  2. Dynamic Metadata: generateMetadata
  3. sitemap.xml, robots.txt, Icons and Manifest
  4. Dynamic OG Images with ImageResponse
  5. JSON-LD Structured Data and an SEO Checklist
  6. MDX: Markdown Articles with React Components
  7. Project: MDX Blog
  8. Internationalization: [locale] Routes and Language Detection
  9. Translations with next-intl: Messages, Numbers and Dates
  10. Multilingual SEO: hreflang and Localized URLs
  11. Project: Multilingual Landing Page (az/ru/en)
Professional Practices: Testing, Performance, Security7 topics
  1. Logging and Error Monitoring: instrumentation.ts and Sentry
  2. Unit Tests: Vitest and React Testing Library
  3. End-to-End Tests with Playwright
  4. Core Web Vitals: Measurement and Optimization
  5. Less JavaScript: Bundle Analysis and React Compiler
  6. App Security: Headers, CSP and Data Protection
  7. Pages Router vs App Router: Comparison and Migration
Deployment and Final Project7 topics
  1. Deploying to Vercel
  2. Self-Hosting: Node.js Server, Standalone Output and Nginx
  3. Docker: Containerizing Next.js with PostgreSQL
  4. Static Export: output: 'export'
  5. Final Project: Idea, Architecture and Data Schema
  6. Final Project: Building the Core Features
  7. Final Project: Testing, Optimization, Deployment and Presentation

Group and individual classes include a teacher, homework review and a certificate. The subscription gives you materials, exercises and progress tracking at your own pace, without teacher feedback.

Next.js course: how to enroll

Fill in the form and we will tell you the start date of the next group, the schedule and payment terms. Or come to a free trial lesson first.

+994 77 333 38 36 Or message us on WhatsApp right away info@prowid.com

By submitting the form, you agree that your data will be used only to contact you.

WhatsApp