javascriptIntermediate
Next.js
48 lessons · App Router, RSC, data fetching, caching, auth, ship
Next.jsApp RouterRSCServer ActionsTypeScriptVercel
Duration
7 weeks
Starts
Students
0+
Rating
0 / 5
Starting from
49 000 ֏
- 7 weeks (36h total)
- Starts
- online format
- HY · EN · RU
- Certificate on completion
No payment required to register · We’ll contact you within 24h
What this course is about
Overview
48 lessons · App Router, RSC, data fetching, caching, auth, ship
Across 7 weeks (36 hours of live + project work) you’ll move from fundamentals to shipping a real, production-grade project — guided by Tigran Hakobyan and the beeon.academy mentor team.
Learning outcomes
What you will learn
Build App Router routes with layouts and special files
Default to Server Components; push client leaves down
Name fetch/cache intent and revalidate after mutations
Split NEXT_PUBLIC_ from secrets and ship via CI/build
Interactive course
Lessons
48 lessons · all open, start with any
- 1React apps that ship as websites28 min
- 2App Router is the default story now26 min
- 3create-next-app without cargo cult flags24 min
- 4When a thinner React stack wins24 min
- 5Server first, client when interactive26 min
- 6Course map: route → data → UI → ship22 min
- 7Folders are URLs28 min
- 8Layouts that nest without remounting children badly28 min
- 9template.tsx when you need a fresh mount24 min
- 10loading.tsx and error.tsx as product UX26 min
- 11not-found that feels intentional22 min
- 12Dynamic segments and catch-alls28 min
- 13Route groups for organization, not URLs24 min
- 14Workshop: marketing + app shell routes30 min
- 15Server Components by default30 min
- 16"use client" is a boundary, not a lifestyle28 min
- 17Pass Server Components as children into client shells26 min
- 18Hooks only below the client boundary26 min
- 19Metadata API for titles and Open Graph26 min
- 20next/image and next/font without layout thrash26 min
- 21Workshop: client button under server page30 min
- 22fetch on the server with intent28 min
- 23Full Route Cache vs Data Cache (mental map)28 min
- 24revalidatePath / revalidateTag after mutations26 min
- 25Dynamic rendering triggers26 min
- 26Streaming with Suspense26 min
- 27Server Actions for mutations30 min
- 28Progressive forms with useFormStatus / useActionState26 min
- 29Route Handlers when you need an HTTP endpoint26 min
- 30Workshop: list page + mutate + revalidate30 min
- 31NEXT_PUBLIC_ vs server-only secrets26 min
- 32Auth patterns that fit App Router28 min
- 33middleware.ts at the edge of the app28 min
- 34CSRF and Server Actions awareness24 min
- 35Security headers in next.config24 min
- 36Third-party scripts without wrecking Core Web Vitals24 min
- 37Workshop: public vs secret env checklist28 min
- 38next.config that stays readable26 min
- 39TypeScript paths that match imports24 min
- 40Testing without only clicking in preview26 min
- 41Performance habits that move Lighthouse26 min
- 42Instrumentation without drowning UX22 min
- 43Deploy: Vercel and elsewhere28 min
- 44Self-host with Docker (standalone output)26 min
- 45CI: lint, typecheck, build on every PR24 min
- 46Explain Next with a shipping story24 min
- 47Playbook: tiny Next app from scratch32 min
- 48Practice loop for next week20 min
Course modules
Syllabus
- 1
- 2
- 3
- 4
- 5
- 6
What you need to start
Requirements
- Comfortable with React basics and modern JavaScript
- Node.js installed locally for create-next-app labs
- No prior Next.js experience required
Learn from a working engineer
Your instructor
TH
Tigran Hakobyan
Frontend Mentor · beeon.academy
Instructor at beeon.academy. Next.js path (ArT): 48 lessons through App Router ship habits.
What graduates say
Student reviews
Common questions
FAQ
Starting from
49 000 ֏