Skip to content

Что такое Next.js и зачем его изучать?

Пример создания SSG веб страницы или Jamstack сайта на - Next.js Next.js

Next.js — это современный фреймворк на базе React, который упрощает создание быстрых, SEO-дружелюбных и масштабируемых веб-приложений. Он поддерживает серверный рендеринг (SSR), статическую генерацию (SSG), маршрутизацию из коробки и идеально подходит для разработки сайтов в стиле Jamstack. Если ты хочешь создавать профессиональные сайты и приложения с чистой архитектурой, высокой скоростью загрузки и удобным пользовательским опытом — Next.js станет отличным выбором.

Сайт из файлов markdown на SSG или Jamstack na Next.js

1. Сайт из файлов markdown на SSG или Jamstack na Next.js

9 апр. 2025 г.
JamstackSSGNext.jsMarkdown
Пошаговое руководство по созданию сайта на Next.js с использованием Markdown-файлов. Разберём архитектуру Jamstack и статическую генерацию (SSG): установка, настройка, структура проекта и первая страница.
Архитектура модуля markdown для Jamstack на Next.js

2. Архитектура модуля markdown для Jamstack на Next.js

11 апр. 2025 г.
JamstackSSGNext.jsMarkdownArchitectureNode.js
Разбираем, как организовать модуль обработки Markdown-файлов в проекте на Next.js с использованием SSG. Интерфейсы, сервисы, репозитории, DI и фасад — современный подход на TypeScript.
Компоненты и страницы на Next.js с поддержкой Markdown

3. Компоненты и страницы на Next.js с поддержкой Markdown

15 апр. 2025 г.
JamstackSSGNext.jsMarkdownRoutingReact
Переходим от архитектуры к практике: подключаем модуль Markdown в Next.js, создаём динамические страницы и переиспользуем компоненты для рендеринга контента.
Темизация Markdown проекта с next-themes и Tailwind Typography

4. Темизация Markdown проекта с next-themes и Tailwind Typography

17 апр. 2025 г.
Next.jsTailwindCSSMarkdownТемизацияUIReact
В этой статье мы пошагово добавим поддержку тёмной и светлой темы в проект на Next.js с использованием next-themes и плагина @tailwindcss/typography. Адаптируем стили для Markdown и создадим переключатель темы.

Полный гайд с исходным кодом проекта доступен на нашем GitHub-репозитории — ты сможешь клонировать его, запустить локально и разобраться в каждом шаге. А если ты предпочитаешь учиться по видео, то на YouTube тебя ждут подробные видеоуроки с объяснением каждой строки кода, best practices и советами по созданию настоящего Jamstack-сайта на базе Next.js. Это отличная возможность быстро погрузиться в современную фронтенд-разработку, разобраться в нюансах статической генерации и начать применять полученные знания на практике.