neki-react-components v0.0.15
Next.js Template
Descrição
-- Este template deverá ser utilizado como base para a criação de futuros projetos.
Como Utilizar o Template
Se você deseja iniciar um novo projeto com base neste template, siga as seguintes etapas:
Passo 1: Acesse o Repositório do Template
Na parte superior direita da página do repositório, clique no botão "Use this template" e, em seguida, na opção "Create a new repository".
Você será redirecionado para uma nova página onde poderá configurar o novo repositório.
Passo 2: Configure o Novo Repositório
Escolha um nome para o novo repositório.
Se desejar, adicione uma descrição.
Escolha a visibilidade 'privado'.
Clique no botão "Create repository".
Passo 3: Clone o Novo Repositório
Após criar o novo repositório, você será redirecionado para a página do novo repositório.
Clique no botão "Code" e copie a URL do repositório.
Abra o terminal (linha de comando) no seu computador e navegue até o diretório onde deseja clonar o novo repositório.
Use o comando
git clone
seguido da URL do repositório para clonar o novo projeto para o seu computador:
# Para clonar o repositório
$ git clone https://github.com/Neki-IT/novo-repo.git
Arquitetura do projeto
O front-end do projeto "nextjs-template" foi elaborado com Next.js e TypeScript.
Ambiente de Desenvolvimento
Tecnologias
Bibliotecas
- Estilização:
- Formulários:
- Teste:
- Data Fetching:
Conhecimentos necessários
- HTML e CSS
- TypeScript
- Next.js e React
Extensões Necessárias
Como configurar o projeto
Instalação de depêndencias
Execute o comando pnpm em seu terminal para fazer donwload das depêndecias necessarias.
# Para instalar as depêndecias execute
$ pnpm i
# ou também
$ pnpm install
Ambientes
Existem três ambientes distintos que deverão possuir configurações únicas, por isso foram criados arquivos separados para cada, usando dotenv
e a metodologia 12-factor.
Desenvolvimento | Homologação | Produção |
---|---|---|
.env.dev | .env.staging | .env.production |
Rodando o projeto
No terminal do projeto execute o comando pnpm dev para iniciar o mesmo.
# Para rodar o projeto execute o comando
$ pnpm dev