Програма курсу

Початок роботи з Next.js

На цьому курсі починають з основ. Спочатку встановлюють необхідні npm пакети та запускають тестовий проект на локальному сервері. Потім налаштовують середовище розробки. Вивчають TypeScript для написання компонентів проекту. Завершують модуль конфігурацією фреймворку.

Створення сторінок та навігація

Далі переходять до створення сторінок сайту. Розбирають навігацію та маршрутизацію. Вивчають статичну та динамічну генерацію сторінок, включаючи SSR. Вчать обробляти помилки, що виникають під час роботи.

Інтернаціоналізація та дизайн

Цей блок охоплює дві важливі теми. Спочатку встановлюють пакети для інтернаціоналізації, конфігурують маршрутизацію для різних мов. Використовують компоненти та хуки, вчать перемикати мову сайту. Потім переходять до дизайну - створюють основний лейаут, налаштовують UI бібліотеку та працюють з шрифтами.

Робота з даними

Тут вчать отримувати дані. Встановлюють необхідні npm пакети. Показують, як отримувати дані на сервері та клієнті. Оптимізують роботу з REST API, використовують кешування. Розбирають роботу зі змінними середовища.

Форми та SEO

Цей модуль об'єднує роботу з формами та пошукову оптимізацію. Спочатку встановлюють пакети для роботи з формами, перевіряють дані форми, відправляють дані та очищують кеш. Потім переходять до SEO - налаштовують заголовки та метаінформацію, працюють з OpenGraph та JSON-LD, оптимізують зображення.

Аутентифікація та фінальний проект

Завершальний етап включає аутентифікацію користувачів. Встановлюють необхідні пакети, створюють сторінки логіна та реєстрації. Працюють з middleware та створюють профіль користувача. Наприкінці розробляють індивідуальний проект для портфоліо.

Результати після курсу

Після закінчення курсу ви зможете швидко створювати веб-сайти на Next.js, оптимізовані для пошукових систем. Використовуватимете TypeScript для розробки інтерфейсів та серверної частини. Застосовуватимете переваги React для створення швидких інтерактивних сайтів. Працюватимете зі сторонніми API та керуватимете проектами за допомогою Git та GitHub.

Переваги навчання

Курс зосереджений на практиці з мінімумом теорії. Розбирають документацію фреймворку та домашні завдання. Створюють випускний проект для портфоліо. Допомагають з працевлаштуванням - оформляють резюме та готують до співбесід. Викладачі підтримують студентів протягом всього курсу. Організовують кар'єрні заходи. Можлива оплата частинами.

Що включено

Вечірні заняття

Видається диплом/сертифікат

Можливе працевлаштування

Реальний проект у портфоліо

Супровід ментора

NextJS для frontend-розробника

Про курс

Програма курсу

Початок роботи з Next.js

Створення сторінок та навігація

Інтернаціоналізація та дизайн

Робота з даними

Форми та SEO

Аутентифікація та фінальний проект

Результати після курсу

Переваги навчання

Що включено

Про школу

Levelup

Інші курси школи

3D-Modeling

Graphic Designer

Основи програмування