beeon.academy
javascriptСредний

Next.js

48 урока · App Router, RSC, data fetching, caching, auth, ship

Next.jsApp RouterRSCServer ActionsTypeScriptVercel
Длительность
7 weeks
Старт
Студентов
0+
Рейтинг
0 / 5
Стоимость
49 000 ֏
Идёт набор
  • 7 weeks (всего 36 ч)
  • Старт
  • Формат: онлайн
  • HY · EN · RU
  • Сертификат по окончании
ЗаписатьсяНачать обучение

Для записи оплата не нужна · Мы свяжемся с вами в течение 24 часов

Чему посвящён курс

О курсе

48 урока · App Router, RSC, data fetching, caching, auth, ship

За 7 weeks (36 ч занятий и проектной работы) вы пройдёте путь от основ до настоящего проекта продакшен-уровня — вместе с Tigran Hakobyan и командой менторов beeon.academy.

Результаты обучения

Чему вы научитесь

Строить App Router route с layout и special file
Server Component по умолчанию; client leaf вниз
Называть fetch/cache intent и revalidate после mutation
Отделять NEXT_PUBLIC_ от secret и ship через CI/build
Интерактивный курс

Уроки

48 уроков · все открыты, начните с любого
  1. 1React app, которые ship как website28 мин
  2. 2App Router — сейчас default-история26 мин
  3. 3create-next-app без cargo cult flag24 мин
  4. 4Когда побеждает более тонкий React stack24 мин
  5. 5Сначала server, client когда interactive26 мин
  6. 6Карта курса: route → data → UI → ship22 мин
  7. 7Folder — это URL28 мин
  8. 8Layout, которые nest без плохого remount children28 мин
  9. 9template.tsx, когда нужен fresh mount24 мин
  10. 10loading.tsx и error.tsx как product UX26 мин
  11. 11not-found, который выглядит намеренным22 мин
  12. 12Dynamic segment и catch-all28 мин
  13. 13Route group для organization, не URL24 мин
  14. 14Workshop: route marketing + app shell30 мин
  15. 15Server Component по умолчанию30 мин
  16. 16"use client" — boundary, не lifestyle28 мин
  17. 17Передавайте Server Component как children в client shell26 мин
  18. 18Hook только ниже client boundary26 мин
  19. 19Metadata API для title и Open Graph26 мин
  20. 20next/image и next/font без layout thrash26 мин
  21. 21Workshop: client button под server page30 мин
  22. 22fetch на server с intent28 мин
  23. 23Full Route Cache против Data Cache (ментальная карта)28 мин
  24. 24revalidatePath / revalidateTag после mutation26 мин
  25. 25Trigger dynamic rendering26 мин
  26. 26Streaming с Suspense26 мин
  27. 27Server Action для mutation30 мин
  28. 28Progressive form с useFormStatus / useActionState26 мин
  29. 29Route Handler, когда нужен HTTP endpoint26 мин
  30. 30Workshop: list page + mutate + revalidate30 мин
  31. 31NEXT_PUBLIC_ против server-only secret26 мин
  32. 32Auth pattern под App Router28 мин
  33. 33middleware.ts на edge app28 мин
  34. 34CSRF и осведомлённость Server Action24 мин
  35. 35Security header в next.config24 мин
  36. 36Third-party script без порчи Core Web Vitals24 мин
  37. 37Workshop: checklist public vs secret env28 мин
  38. 38next.config, который остаётся readable26 мин
  39. 39TypeScript path, совпадающие с import24 мин
  40. 40Test без одних только click в preview26 мин
  41. 41Привычки performance, которые двигают Lighthouse26 мин
  42. 42Instrumentation без удушения UX22 мин
  43. 43Deploy: Vercel и elsewhere28 мин
  44. 44Self-host с Docker (standalone output)26 мин
  45. 45CI: lint, typecheck, build на каждом PR24 мин
  46. 46Объясняйте Next историей shipping24 мин
  47. 47Playbook: tiny Next app с нуля32 мин
  48. 48Цикл практики на следующую неделю20 мин
Модули курса

Программа

  1. 1
    • 2
    • 3
    • 4
    • 5
    • 6
    Что нужно для старта

    Требования

    • Основы React и modern JavaScript
    • Node.js локально для lab create-next-app
    • Опыт Next.js не обязателен
    Учитесь у практикующего инженера

    Ваш преподаватель

    TH

    Tigran Hakobyan

    Frontend Mentor · beeon.academy

    Instructor at beeon.academy. Next.js path (ArT): 48 lessons through App Router ship habits.

    Что говорят выпускники

    Отзывы студентов

    Частые вопросы

    FAQ

    Стоимость
    49 000 ֏
    Записаться