Este é um boilerplate Next.js com a finalidade de criar um padrão eficiente e eficaz na produção de aplicativos JavaScript.

O que há por dentro do projeto? (What's inside project?)

Este projeto está equipado com as seguintes tecnologias:

• TypeScript
• NextJS
• Styled Components
• Jest
• React Testing Library
• Storybook
• Eslint
• Prettier
• Husky
• Plop

Comece aqui (Start here)

Se você quiser alterar o projeto, clone o repositório, e execute o servidor de desenvolvimento:

npm run dev
# ou
yarn dev

Se desejar iniciar um projeto NextJS a partir do boilerplate:

npx create-next-app --example https://github.com/juniorVOPJ/boilerplate-styled-components

Abra http://localhost:3000 em seu navegador para ver o resultado.

Você pode começar a editar a página modificando pages/index.js. A página é atualizada automaticamente a medida que você edita o arquivo.

Comandos (Commands)

• npm run dev: executa seu aplicativo em localhost:3000
• npm run build: cria a versão de compilação de produção
• npm run start: inicia um servidor simples com o código de compilação de produção
• npm run lint: executa o linter em todos os componentes e páginas
• npm run test: executa o jest para testar todos os componentes e páginas
• npm run test:watch: executa o jest no modo watch
• npm run storybook: executa o storybook em localhost:6006
• npm run build-storybook: cria a versão de compilação do storybook
• npm run generate: cria componentes com o plop

Saiba mais (Learn More)

Para saber mais sobre o Next.js, dê uma olhada nos seguintes recursos:

• [Next.js Documentation] (https://nextjs.org/docs) - saiba mais sobre os recursos e a API do Next.js.
• Learn Next.js - um tutorial interativo do Next.js.

Você pode conferir o repositório do Next.js no GitHub - seus comentários e contribuições são bem-vindos!

Hospedar no Vercel (Host on Vercel)

A maneira mais fácil de hospedar seu aplicativo Next.js é usar a Plataforma Vercel dos criadores do Next.js.

Consulte nossa [Next.js deployment documentation] (https://nextjs.org/docs/deployment) para obter mais detalhes.

Contatos (Contacts)

Site Linkedin Instagram Youtube Spotify X