Drag13/NextJS-express-course

This is a placeholder for the materials regarding the new Next.JS course v.13.4+

DISCLAIMER: All requests to "remove politics" will be removed completely without any comments. If you have another opinion - just skip this course.

Експресс курс по Next.JS v 13.4+

Програма (!!!Subject to change)

Вступ

• Курс для початківців які вже знайомі з React
• Програма
• Структура уроку - коротка теорія та практична вправа
• Проект - блог з аутентифікацією та багатомовністю

Вступ до NextJS

• Основні відмінності між Next.JS та React
• Створюємо перший застосунок на Next.JS

Серверні та клієнтські компоненти в Next.JS

• Види та різниця між компонентами в Next.JS
• Додаємо перший компонент - статтю
• Додаємо компонент клієнтський компонент - лайк

Cтилізація

• Звичайний CSS та CSS модулі
• Опції - scss, less, tailwind
• Проблеми з css in js
• Стилізуємо лайк компонент

Метадата

• Статична метадата
• Правила мерджу метадати
• Додаємо тайтл до нашої сторінки

Клієнтський Роутінг

• Клієнтський роутінг - сторінка, парамс, групування
• Layout та вкладені роути
• Додаємо сторінку про автора
• Додаємо сторінку для статті з парамс

Обробка помилок

• Додаємо 404 сторінку якщо стаття не знайдена

Markdown

• Додаємо markdown статті

Серверний код

• Як додавати серверний до Next.JS
• Додаємо код для отримання статей з блогу

API на Next.JS

• Що таке API
• Додаємо API для коментування статей (POST)

Аутентифікація

• Що таке аутентифікація та авторизація
• Додаємо аутентифікацію до Net.JS і ховаємо коментування для не аутентифікованих аккаунтів

Багатомовність

• Додаємо багатомовність

Просунуті можливості або те що не увійшло в базову програму

• Вимкнення SSR
• Параллельний роутінг
• Спеціалізовані компоненти (Image)
• Статичний білд
• Підключення додаткових скриптів
• Робота з DOM (document, window)
• State management
• Middleware
• ...