Preview  |  Projeto  |  Layout  |  Tecnologias  |  Executando  |  Referências  |  Autor

✨ Preview

Website: https://www.donecode.com.br

💻 Projeto

Donecode é um site portfólio feito para divulgar meus trabalhos, projetos e mostrar o que eu posso oferecer como serviço para quem me contratar.

🔖 Layout

Você pode visualizar o layout do projeto no formato através desse link. Lembrando que você irá precisar ter uma conta no Figma.

Web

💻 Tecnologias

Website

• Next
• Typescript
• Sass
• Prismic CMS
• Radix UI
• Framer Motion
• Email JS
• Prettier
• ESLint
• Node v18.17.0
• pnpm

* Veja o arquivo package.json

Utilitários

• Editor: Visual Studio Code
• Markdown: StackEdit, Markdown Emoji

🚀 Como executar o projeto

Configurações Iniciais

Primeiro, você precisa ter o NodeJS instalado na sua máquina.

Se você estiver utilizando o Linux, você pode optar por instalar o Node através do gerênciador de versões [nvm] para caso seja nescessario alterar a sua versão do Node para uma versão mais antiga ou mais nova.

Você pode optar também por utilizar o pnpm no lugar do npm. Você pode instalar clicando nesse link.

Após ter o Node instalado, instale as dependências do Next contidas nos arquivos package.json que se encontram na raíz do repositório. Para instalar as dependências, basta abrir o terminal no diretório e digitar o comando:

$ npm i

# ou

$ pnpm i

Veja a parte de scripts {} do arquivo package.json para saber quais scripts estão disponíveis.

Executando o WebSite

# Executando o website no modo de desenvolvimento:
$ npm run dev

# ou

# Executando o website no modo de desenvolvimento:
$ pnpm dev

Se o browser não abrir automaticamente, acesse: http://localhost:3000.

📚 Referências

• Blog Rocketseat
• Next
• ReactJS | ReactJS pt-BR
• Node

👨‍🚀 Autor

_{Jairo Doni Prudente Junior}

👋 Entre em contato!