Portifolio Samuel Ramos

TypeScript

Portifolio Samuel Ramos

Portfólio com Prismic e Next.js

Este é um projeto de um portfólio pessoal desenvolvido com Next.js e Prismic CMS, utilizando a metodologia JAMstack.

Introdução

Desenvolvendo este projeto foquei nos seguintes pontos que julgo cruciais para todo projeto:

  • Ter um versionamento bem documentado, com commits claros e explicativos.
  • Desenvolver um código legível, organizado e de fácil manutenção seguindo boas práticas e padrões de código limpo.
  • Buscando ter uma UI responsiva e uma UX fluída, acessível para todos os dispositivos.
  • Criar um projeto escalável, bem componentizado e com uma boa estrutura de arquivos.

Principais ferramentas utilizadas

  • Next.js
  • Typescript
  • Prismic CMS
  • StyledComponents

Link page


Pré-requisitos

  • Para executar o projeto localmente, é necessário ter o Node.js e o npm instalados em sua máquina.

Instalação

  1. Clone este repositório em sua máquina

  2. Navegue para a pasta raiz do projeto

  3. Execute o comando npm install para instalar as dependências

    • yarn
      ou
      npm i
    • Para instalar as dependências do projeto.
  4. Crie um arquivo .env.local na raiz do projeto e preencha as variáveis de ambiente, seguindo o exemplo do arquivo .env

  5. Execute o comando npm run dev para iniciar o servidor de desenvolvimento

    • yarn dev
      ou
      npm run dev
    • Para instalar as dependências do projeto.
  6. Execute o compando npm run slicemachine para abrir a maquina virtual do prismic

    • yarn slicemachine
      ou
      npm run slicemachine
    • Para abrir a maquina virtual do prismic.

Tecnologias Utilizadas

  • Next.js
  • Prismic CMS
  • React
  • Styled Components
  • Axios

Pagina inicial

image

Conclusão

Gostaria de agradecer a você que leu até aqui! Espero que goste do projeto :)

Good coding!