create-next15-tailwind4-guibus-template
Version:
CLI para criar um projeto Next.js 15 + Tailwind 4 rapidamente
89 lines (58 loc) • 3.03 kB
Markdown
[](https://www.npmjs.com/package/create-next-tw-app)
# Next.js 15 + Tailwind CSS 4 Starter Template 🚀
Este é um template inicial para projetos com [Next.js 15](https://nextjs.org) e [Tailwind CSS 4](https://tailwindcss.com), com uma stack moderna já configurada para acelerar o seu desenvolvimento.
Ideal para quem quer iniciar um novo projeto de forma rápida ou aprender a integrar Next.js 15 com Tailwind 4 e outras bibliotecas essenciais.
---
## 📚 Tecnologias e Bibliotecas Principais
- **Next.js 15** — Framework React para produção, com suporte a Turbopack.
- **React 19** — Nova versão do React.
- **Tailwind CSS 4** — Utilitário de CSS moderno e eficiente.
- **Framer Motion** — Animações e transições para React.
- **@tanstack/react-query 5** — Gerenciamento de estado assíncrono (API calls, cache).
- **Axios** — Cliente HTTP para comunicação com APIs.
- **@heroui/react** — Componentes UI prontos e acessíveis.
- **@iconify/react** — Biblioteca de ícones com suporte a milhares de ícones.
- **next-themes** — Gerenciamento de temas (dark/light mode) no Next.js.
- **Husky + lint-staged** — Hooks de git para automação de lint e formatação.
- **ESLint + Prettier + Prettier-plugin-tailwindcss** — Padrões de código automáticos.
---
## 🚀 Como começar
### 1. Clonar o projeto
```bash
git clone https://github.com/your-repo/nextv15_tailwindv4_starter.git
```
### 2. Acessar a pasta do projeto
```bash
cd nextv15_tailwindv4_starter
```
### 3. Instalar as dependências
Utilizando **npm**:
```bash
npm install
```
Ou utilizando **yarn**:
```bash
yarn install
```
### 4. Rodar o projeto em modo de desenvolvimento
```bash
npm run dev
```
O projeto estará disponível em [http://localhost:3000](http://localhost:3000).
---
## ⚙️ Scripts disponíveis
- `npm run dev` — Inicia o servidor de desenvolvimento com Turbopack.
- `npm run build` — Cria a versão de produção da aplicação.
- `npm run start` — Inicia a aplicação em modo produção.
- `npm run lint` — Roda o linter nos arquivos do projeto.
---
## 📖 Saiba mais
- [Documentação do Next.js](https://nextjs.org/docs)
- [Tutorial interativo de Next.js](https://nextjs.org/learn)
- [Documentação do Tailwind CSS](https://tailwindcss.com/docs)
- [Repositório do Next.js no GitHub](https://github.com/vercel/next.js)
- [Repositório do Tailwind CSS no GitHub](https://github.com/tailwindlabs/tailwindcss)
---
## 📦 Deploy
A maneira mais fácil de fazer o deploy do seu projeto Next.js é utilizando a [plataforma Vercel](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme).
Consulte também a [documentação de deploy do Next.js](https://nextjs.org/docs/app/building-your-application/deploying).