post #6398
Stack e Comando Shell Script para Projetos NextJS
Publicado em: 01/09/2025 / Atualizado em: 08/02/2026
Nesse post compartilho uma stack de comandos que gosto de usar para iniciar um projeto em NextJS. Abaixo listo a Stack completa das ferramentas, bibliotecas e frameworks para você pesquisar e também dou um script para rodar no terminal para instanciar seu primeiro projeto.
Stack
- NextJS
- ReactJS
- Turbopack
- TailwindCSS
- ShadcnUI
- Prisma/Prisma Studio/Postgres 16
Comandos:
# Criar projeto
npx create-next-app@latest . --typescript --tailwind --eslint --app --src-dir --import-alias "@/*"
# Adicionar Dockerfile e .dockerignore
curl -o Dockerfile https://raw.githubusercontent.com/vercel/next.js/canary/examples/with-docker/Dockerfile
curl -o .dockerignore https://raw.githubusercontent.com/vercel/next.js/canary/examples/with-docker/.dockerignore
# Configurar shadcn/ui
npx shadcn@latest init
npx shadcn add button card input form textarea sonner
# Sobrescrever next.config.js
cat > next.config.ts << 'EOF'
import type { NextConfig } from "next";
const nextConfig: NextConfig = {
devIndicators: false,
reactStrictMode: false,
output: "standalone",
#output: 'export',
#trailingSlash: true,
};
export default nextConfig;
EOF
# Rodar projeto
npm run dev
Publicações recomendadas:
Link Direto
Compartilhe esse conteudo nas redes sociais ou por mensagem usando o link direto abaixo. Basta copiar.
bruno.art.br/?p=6398
ID de Referência: 6398
Sugira uma publicação
Envie uma mensagem e sugira um publicação sobre um assunto que tenha dificuldades de resolver.