https://github.com/drag13/nextjs-express-course
This is a placeholder for the materials regarding the new Next.JS course v.13.4+
https://github.com/drag13/nextjs-express-course
Last synced: about 1 year ago
JSON representation
This is a placeholder for the materials regarding the new Next.JS course v.13.4+
- Host: GitHub
- URL: https://github.com/drag13/nextjs-express-course
- Owner: Drag13
- License: gpl-3.0
- Created: 2023-08-28T07:42:42.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2024-04-09T10:33:14.000Z (about 2 years ago)
- Last Synced: 2025-02-13T01:54:03.482Z (over 1 year ago)
- Language: HTML
- Size: 235 KB
- Stars: 8
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
- License: LICENSE
Awesome Lists containing this project
README
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
- ...