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
-
Clone este repositório em sua máquina
-
Navegue para a pasta raiz do projeto
-
Execute o comando npm install para instalar as dependências
- ou
yarn
npm i
- Para instalar as dependências do projeto.
-
Crie um arquivo .env.local na raiz do projeto e preencha as variáveis de ambiente, seguindo o exemplo do arquivo .env
-
Execute o comando npm run dev para iniciar o servidor de desenvolvimento
- ou
yarn dev
npm run dev
- Para instalar as dependências do projeto.
-
Execute o compando npm run slicemachine para abrir a maquina virtual do prismic
- ou
yarn slicemachine
npm run slicemachine
- Para abrir a maquina virtual do prismic.
Tecnologias Utilizadas
- Next.js
- Prismic CMS
- React
- Styled Components
- Axios
Pagina inicial
Conclusão
Gostaria de agradecer a você que leu até aqui! Espero que goste do projeto :)