Next js Blog Boilerplate Next js Blog Boilerplate

Next js Blog Boilerplate

AI Исходный код

1.0.0

Скачать

Далее JS Blog Bloverplate с Tailwind CSS

NextJS Starter Banner

Next.js Blog Coalerplate - это стартовый код для вашего блога на основе Framework Next.js 12+ с Tailwind CSS 3.0. ⚡ Сделано с next.js, TypeScript, Eslint, краситель, PostCSS, Tailwind CSS.

Клонируйте этот проект и используйте его, чтобы создать свой собственный блог next.js. Вы можете проверить следующие шаблоны блога JS.

Спонсоры



Добавьте здесь свой логотип

Функции

Функция блога:

? Синтаксис выделяет с Prism.js
? Метаданные SEO и теги Open Graph
Json-ld для более богатой индексации
Страница
? Включите бесплатную минималистскую тему блога
Отметка
? Максимизируйте оценку маяка

Сначала опыт разработчика:

Next.js для статического генератора сайтов
? Интегрируйте с Tailwind CSS
? Postcss для обработки CSS Tailwind
? Тип проверки TypeScript
✏ Линтер с эслинтом
? Форматер кода с красивым
? Метаданные SEO, JSON-LD и открытые графические теги со следующим SEO
Анализатор Бундлера

Встроенная функция от Next.js:

☕ Minify HTML & CSS
? Живая перезагрузка
✅ Кэш разорение

Философия

Минимальный код
SEO-дружелюбный
Готовый к производству

Требования

Node.js и npm

Спонсоры

Начиная

Запустите следующую команду в вашей местной среде:

 git clone --depth=1 https://github.com/ixartz/Next-js-Blog-Boilerplate.git my-project-name
cd my-project-name
npm install

Затем вы можете работать локально в режиме разработки с Live Reload:

 npm run dev

Откройте http: // localhost: 3000 с вашим любимым браузером, чтобы увидеть ваш проект.

 .
├── _posts            # Your blog posts
├── public            # Static files
│   ├── assets
│   │   └── images
│   │       └── posts # Images used in your blog posts
└── src
    ├── pages         # Next.js pages
    ├── styles        # Your blog CSS files
    └── templates     # Blog templates

Настройка

Вы можете легко настроить Next JS Cowerplate. Пожалуйста, измените следующий файл:

public/apple-touch-icon.png , public/favicon.ico , public/favicon-16x16.png и public/favicon-32x32.png : ваш блог Favicon, вы можете генерировать с https://favicon.io/favicon-converter/
public/assets/images/logo.png , public/assets/images/logo-32x32.png : логотип вашего блога
src/styles/main.css : ваш блог CSS -файл с использованием Tailwind CSS
src/utils/Config.ts : файл конфигурации, например, имя блога, URL и т. Д.
src/templates/Main.tsx : тема блога

Развернуть в производстве

Вы можете увидеть результаты локально в производственном режиме с:

 $ npm run build
$ npm run start

Сгенерированные файлы HTML и CSS являются минимизированными (встроенная функция от Next JS). Он также удалит неиспользованные CSS из Tailwind CSS.

Вы можете создать оптимизированную производственную сборку с:

 npm run build-prod

Теперь ваш блог готов к развертыванию. Все сгенерированные файлы расположены в dist Polder, которую вы можете развернуть с помощью любой службы хостинга.