Все в одном, NextJs шаблон для блога🏠


Представляем проекты 😃

Посетите Next Your Home Guide, созданный с помощью этого шаблона!

Вдохновение 🧐

Я всегда считал, что письмо — это лучшая практика для полного усвоения знаний. Но всегда было трудно сделать письмо привычкой. Для того чтобы привить привычку писать, я решил, что сначала нужно создать наилучшую среду для письма.

После долгих усилий мне удалось создать такую среду для блога, какую я хотел.

Легкий в запуске, надежный, богатый функциями и быстрый блог!

Демонстрация проекта 🎉

Я очень доволен результатом блога 🙂

Цель проекта ✅

Техника 🛠

  1. Создать блог, который может начать каждый, кто сталкивался с разработкой, независимо от навыков.
  2. Производительность и обслуживание.
  3. Добавить функции, которые не поддерживаются на существующих платформах для написания статей.

Дизайн 🏛

  1. Снять последовательный дизайн, который стремится к простоте и создает различные чувства.
  2. Контент-ориентированный дизайн
  3. Разделение профилей на отдельные страницы.
  4. Снижение утомляемости за счет улучшения доступа к тексту с помощью постраничной навигации и уменьшения вертикальной прокрутки.
  5. Навигация по категориям, сериям и тегам.
  6. Легкая навигация по постам
  7. Выбираемые цвета
  8. Знакомый UX для блогов

Как это было создано ⚙️

  1. язык 📜: typescript
  2. фреймворк 📦: NextJs.
  3. стилизация 💅: styled-components
  4. разметка 📒: mdx.

Богатый список функций 🏖

  1. Интеграция профиля с полной функциональностью mdx
  2. Таблица содержания на desktop/mobile
  3. Оптимизация изображений с помощью next/image
  4. Автоматическая поддержка размеров изображений для static/external
  5. Автоматическая пагинация
  6. Восстановление позиции прокрутки при переходе на предыдущую страницу
  7. Анализируйте посетителей с помощью Google Analytics! Запустите его на потоке partytown🎉 и получите производительность (partytown 🔎)
  8. Поддержка генерации sitemap, rss при сборке
  9. Поддержка математического katex (опционально)
  10. Автоматическое обновление постов в режиме dev
  11. Специфическая error информация о записях блога
  12. Приличный блок code с копированием кода button

и т.д.

Как начать? 🙌

Посетите репозиторий GitHub или нажмите на кнопку Next your home guide, чтобы начать свой путь писателя!

Я записал доброе объяснение от начала до конца!

Спасибо, что прочитали!

Надеюсь, это будет полезно для начинающих блоггеров😃

Оцените статью
devanswers.ru
Добавить комментарий