English |
Português |
Personal page with the purpose of serving as a portfolio. The project was developed using JAMStack (JavaScript, API, Markup), using technologies like Next.js and TypeScript to build the interface, consuming an API made with Strapi CMS and generating dynamic pages with the Next.js static generator (SSG).
- JAMstack.
- Simple, clean and responsive design.
- Dynamic pages generated with Static Site Generation (SSG).
- Integrated blog.
- Markdown highlighting.
- Scroll to top.
- Custom API made with Strapi Headless CMS..
- Transition animations between pages and scroll animations.
- Microinteractions.
- Image Provider by Cloudinary.
- Lazy loading to optimize image performance.
- SEO optimized.
The following technologies were used in the development of the project:
- React
- Next.js
- TypeScript
- Styled Components
- React Icons
- AOS
- Prism.js
- remark
- NProgress
- Strapi CMS
- Vercel
- Heroku
- Cloudinary
- VS Code with ESLint, Prettier and EditorConfig
Install the dependencies and run the development server:
yarn install
yarn dev
Open http://localhost:3000 in your browser to see the result.
Click here to see the live preview of this project.
This project is under the MIT license. See the LICENSE file for more details.
Made with 💜 by Rafael Martins