Introdução

Está parte do guia abordará o ecossistema de forma geral, apresentando as tecnologias abaixo, repósitorio e instalação do projeto.

Techstack

As tecnologias que serão usadas no ecossistema no final do guia contém algumas das tecnologias mais utilizadas no mercado. Elas serão abordadas em detalhes ao longo do guia, então não se preocupe se você não tem experiência com alguma delas.

Typescript

JavaScript com tipagem estática para maior segurança e produtividade.

TailwindCSS

Framework CSS utilitário para estilização rápida e eficiente.

EsLint

Ferramenta para identificar e corrigir problemas no seu código posterior à commit.

Husky

Ferramenta para prevenir commits ruins com hooks de Git.

Node.js

Ambiente de execução JavaScript server-side baseado no V8 do Chrome.

React

Biblioteca JavaScript/Typescript para construir interfaces de usuário interativas.

Next.js

Framework React para produção, com renderização server-side e geração estática.

Instalação

Para mais detalhes sobre as ferramentas acima veja as suas respectivas seções.

Node e NPM

Para instalar o ecossistema, você precisará ter o Node instalado em sua máquina. Com o mesmo instalado, você poderá instalar as tecnologias do ecossistema através do gerenciador de pacotes npm (node package manager) ou yarn (gerenciador de pacotes alternativo). Não se preocupe, o npm é instalado automaticamente com o Node.

Para instalar o Node.js, acesse o site oficial [aqui] e baixe a versão LTS (Long Term Support), está versão garante suporte a longo prazo e estabilidade. Após a instalação, você poderá verificar se o Node foi instalado corretamente através do terminal.

node -v
npm -v

Repositório

Ver no Github

Para instalar o ecossistema, você pode clonar o repositório oficial do guia através do comando abaixo:

git clone https://github.com/seedabit/nextjs-react-typescript.git

Após clonar o repositório, você pode acessar a pasta do projeto e instalar as dependências do projeto através do comando:

cd nextjs-react-typescript
npm install

Agora o seu ambiente de desenvolvimento está pronto para começar a desenvolver aplicações com o nosso ecossistema.