tailnext

Хвост

TailNext -это бесплатный шаблон с открытым исходным кодом, чтобы сделать ваш веб-сайт с использованием NextJS + Tailwind CSS . Готовы начать новый проект и разработанный с учетом лучших практик.

Функции

• ✅ Интеграция с Tailwind CSS поддерживает темный режим .
• ✅ Подготовленные производственные оценки в маяках и PageSpeed Insights сообщает.
• ✅ Оптимизация изображения и оптимизация шрифта .
• ✅ Быстрый и дружелюбный блог SEO .
• ✅ Генерация проекта SiteMap и robots.txt на основе ваших маршрутов.

Оглавление

• Демо
• Начиная
  • Структура проекта
  • Команды
  • Конфигурация
  • Развертывать
• Дорожная карта
• Внося
• Благодарности
• Лицензия

Демо

? https://tailnext.vercel.app/

Начиная

• Клон: git clone https://github.com/onwidget/tailnext.git
• Введите в каталог: cd tailnext
• Установить зависимости: npm install
• Запустите сервер разработки: npm run dev
• Просмотр проекта в местной среде: localhost:3000

Структура проекта

Внутри шаблона TailNext вы увидите следующие папки и файлы:

 /
├── .storybook/
├── app/
│   ├── (blog)
│   │   ├── [slug]
|   |   |   └── page.js
|   |   └── blog
|   |       └── page.js
│   ├── head.js
│   ├── layout.js
│   └── page.js
├── public/
│   └── favicon.svg
├── src/
│   ├── assets/
│   │   ├── images/
|   |   └── styles/
|   |       └── base.css
│   ├── components/
│   │   ├── atoms/
|   |   └── widgets/
|   |       ├── Header.astro
|   |       ├── Footer.astro
|   |       └── ...
│   │── content/
│   |   └── blog/
│   |       ├── demo-post-1.md
│   |       └── ...
│   ├── stories/
│   ├── utils/
│   └── config.mjs
├── package.json
└── ...

Опытный эксперт next.js? Удалить этот файл. Обновление config.mjs и содержимое. Веселиться!

Команды

Все команды выполняются из корня проекта, из терминала:

Командование	Действие
npm install	Установить зависимости
npm run dev	Запускает локальный Dev Server на localhost:3000
npm run build	Создайте свой производственный сайт до ./dist/
npm run preview	Предварительно просмотрите сборку локально, перед развертыванием
npm run storybook	Открытый сборник рассказов для просмотра историй от виджетов
npm run format	Коды формата с красивым
npm run lint:eslint	Запустить Eslint

Конфигурация

Вскоре ..

Развертывать

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

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

npm run build

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

Развернуть в NetLify

Клонировать этот репозиторий на собственной учетной записи GitHub и развернуть в NetLify:

Развернуть в Vercel

Клонировать этот репозиторий на собственной учетной записи GitHub и развернуть в Vercel:

Дорожная карта

Вскоре ..

Внося

Если у вас есть идеи, предложения или найти какие -либо ошибки, не стесняйтесь открывать обсуждение, проблему или создать запрос на привлечение. Это было бы очень полезно для всех нас, и мы будем рады слушать и принять меры.

Благодарности

Первоначально создан Onwidget и поддерживается сообществом участников.

Лицензия

TailNext лицензирован по лицензии MIT - для получения подробной информации см. Файл лицензии.