Статьи с тегом: Next.js

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

  Я обожаю Jamstack сайты по нескольким причинам: JAMstack — JavaScript, APIs und Markup. Сайты на JavaScript из Markdown файлов. Существует множество генераторов сайтов, блогов, документаций из md-файлов. Самые популярные и известные: Полный список из десятков платформ можно найти на Jamstack.org и более плотно войти в это тему. Я хочу показать практический пример создания сайта такого на Next.JS.

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

  Начало туториала здесь . Добавление поддержки Markdown в проект на Next.js — это не только возможность генерировать страницы из файлов, но и создание удобной структуры кода. В этом туториале мы разберём, как организовать удобный модуль обработки Markdown-файлов в проекте. Нам надо считать сами файлы и контент в них, а потом преобразовать markdown в то, что отобразится на сайте.

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

  Продолжение серии: Архитектура модуля markdown для Jamstack на Next.js Мы уже создали модуль для обработки Markdown. Теперь пора подключить его к интерфейсу. В этой статье мы: git checkout -b rendering-markdown-in-next Добавим несколько постов. По аналогии с первым. Расширение может быть как md, так и mdx.

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

  Светлая и тёмная темы. Сначала попробуем разобраться с одной из них, а потом уж добавим вторую. Я сам лично работаю в светлой теме. Но давайте начнём. Прежде всего нам нужно установить пакет next-themes : npm install next-themes Так же нам, возможно, понадобится @tailwindcss/typography . Для быстрого прототипирования пойдёт. Для удобной работы с css свойствами можно поставить tailwind-merge .