В данном видеокурсе мы с вами рассмотрим фрэймворк для серверного рендеринга - Next.js. Разберём основные концепции по типу роутинга, создания страниц и копонентов. Рассмотрим разницу подходов SSR (Server Side Rendering) и SSG (Static Site Generation), а так же подключим их в приложение. Рассмотрим, как Next.js ускоряет загрузку приложения и улучшает работу с SEO. И в заключение выполним типизацию с помощью TypeScript и загрузим готовое приложение на бесплатный хостинг Vercel.
- Клонируйте репозиторий:
git clone https://github.com/YauhenKavalchuk/next-js.git
- Перейдите в папку с проектом:
cd next-js
- Перейдите в нужную ветку соответствующую уроку:
git checkout lesson_01
git checkout lesson_02
git checkout lesson_10
и т.д.
- Установите зависимости:
yarn install
- Запустите проект:
yarn start
- #0 Введение (Introduction)
- #1 Базовые концепции и установка (Basic Concepts & Setup Environment)
- #2 Страницы и Роутинг (Pages & Routes)
- #3 Макет и компоненты (Layout & Components)
- #4 Cтили (Styles)
- #5 Навигация по страницам (Pages Navigation & Redirecting)
- #6 Картинки и метаданные (Images & Metadata)
- #7 Получение данных (Fetching Data)
- #8 Динамические роуты (Dynamic Routes)
- #9 Рендеринг на сервере и статичная генерация (SSR & SSG)
- #10 Создание API (API Creation)
- #11 Подключение TypeScript (TypeScript Integration)
- #12 Загрузка приложения на Vercel (Deploying To Vercel)