tailnext

Tailnext

O TailNext é um modelo gratuito e de código aberto para criar seu site usando o NextJS + Tailwind CSS . Pronto para iniciar um novo projeto e projetado levando em consideração as melhores práticas.

Características

• ✅ Integração com o Tailwind CSS que suporta o modo escuro .
• ✅ Pontuações prontas para a produção nos relatórios do Lighthouse e PageSpeed Insights.
• ✅ Otimização de imagem e otimização de fontes .
• ✅ Blog rápido e amigável de SEO .
• ✅ Geração de sitemap do projeto e robots.txt com base em suas rotas.

Índice

• Demonstração
• Começando
  • Estrutura do projeto
  • Comandos
  • Configuração
  • Implantar
• Roteiro
• Contribuindo
• Agradecimentos
• Licença

Demonstração

? https://tailnext.vercel.app/

Começando

• Clone: git clone https://github.com/onwidget/tailnext.git
• Entre no diretório: cd tailnext
• Instale dependências: npm install
• Inicie o servidor de desenvolvimento: npm run dev
• Exibir projeto no ambiente local: localhost:3000

Estrutura do projeto

Modelo Inside TailNext , você verá as seguintes pastas e arquivos:

 /
├── .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
└── ...

Especialista em seguida. Exclua este arquivo. Atualize config.mjs e conteúdo. Divirta-se!

Comandos

Todos os comandos são executados da raiz do projeto, de um terminal:

Comando	Ação
npm install	Instalar dependências
npm run dev	Inicia o servidor de desenvolvimento local em localhost:3000
npm run build	Construa seu site de produção para ./dist/
npm run preview	Visualize sua construção localmente, antes de implantar
npm run storybook	Livro de histórias aberto para ver histórias por widgets
npm run format	Códigos de formato com mais bonito
npm run lint:eslint	Execute Eslint

Configuração

Em breve ..

Implantar

Implantar para a produção (manual)

Você pode criar uma construção de produção otimizada com:

npm run build

Agora, seu site está pronto para ser implantado. Todos os arquivos gerados estão localizados na pasta dist , que você pode implantar a pasta em qualquer serviço de hospedagem que preferir.

Implantar para netlify

Clone este repositório em conta própria do GitHub e implante para netlify:

Implantar para vercel

Clone este repositório em conta própria do GitHub e implante para o Vercel:

Roteiro

Em breve ..

Contribuindo

Se você tiver alguma idéia, sugestões ou encontrar bugs, sinta -se à vontade para abrir uma discussão, um problema ou criar uma solicitação de tração. Isso seria muito útil para todos nós e ficaríamos felizes em ouvir e agir.

Agradecimentos

Inicialmente criado por Onwidget e mantido por uma comunidade de colaboradores.

Licença

O TailNext é licenciado sob a licença do MIT - consulte o arquivo de licença para obter detalhes.