Montando meu blog pessoal, parte 1

Fala dev, tudo beleza:

Aqui quem fala é o Maick Souza, conhecido como NearMaick, e aqui vou mostrar nessas série de posts como eu montei o meu blog pessoal.

Create-next-app

Primeiramente subi uma instância já pronta do NextJS fazendo o:

yarn create next-app 'nomeDoSeuApp' para quem está utilizando o gerenciador de pacotes yarn

npx create next-app 'nomeDoSeuApp' para quem está utilizando o npm

Tirar os arquivos desnecessários do projeto

Para organizar as pastas do projeto, principalmente das página e da estilização dos componentes eu gosto de seguir o seguinte: crio uma página src para definir os arquivos inerentes ao projeto.

Web Page

Web Page

Configurando um padrão de código no projeto

eslint

prettier

Configurando as rotas dinâmicas

Configurando o Styled Components

Eu, particularmente, prefiro usar essa lib para montar toda a estilização e organizar as folhas de estilo, pois este faz com que uma folha de uma página não interfira na outra, aravés do encapsulamento dos componentes.

yarn add styled-components yarn add @types/styled-components -D

yarn add babel-plugin-styled-components -D

Voltar