rafaelmartins.dev

Tópicos

Sobre

Funcionalidades

Tecnologias e Ferramentas

Instalação e uso

Licença

Sobre

Página pessoal com o propósito de servir como portfólio. O projeto foi desenvolvido usando a JAMStack (JavaScript, API, Markup), usando tecnologias como Next.js e TypeScript para construir a interface, consumindo uma API feita com Strapi CMS e gerando páginas dinâmicas com o gerador estático do Next.js (SSG).

Funcionalidades

• [X] JAMstack.
• [X] Design simples, limpo e responsivo.
• [X] Páginas dinâmicas geradas com Static Site Generation (SSG).
• [X] Blog integrado.
• [X] Markdown highlighting.
• [X] Scroll to top.
• [X] API gerada com Strapi CMS.
• [X] Animações de transição entre as páginas e de scroll.
• [X] Microinterações.
• [X] Provedor de imagens by Cloudinary.
• [X] Lazy loading p/ otimizar o desempenho das imagens.
• [X] SEO otimizado.

Tecnologias e Ferramentas

As seguintes tecnologias foram utilizadas no desenvolvimento do projeto:

• React
• Next.js
• TypeScript
• Styled Components
• React Icons
• AOS
• Prism.js
• remark
• NProgress
• Strapi CMS
• Vercel
• Heroku
• Cloudinary
• VS Code com ESLint, Prettier e EditorConfig

Instalação e Uso

Instale as dependências e rode o development server:

yarn install

yarn dev

Abra http://localhost:3000 em seu navegador para ver o resultado.

Deploy on Vercel

Click aqui para ver a live preview deste projeto.

Licença

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

Made with :purple_heart: by Rafael Martins