https://github.com/okayda/portfolio-optimized-version

Portfolio - Jhon Quenano
https://github.com/okayda/portfolio-optimized-version

nextjs typescript

Last synced: 4 days ago
JSON representation

Portfolio - Jhon Quenano

• Host: GitHub
• URL: https://github.com/okayda/portfolio-optimized-version
• Owner: okayda
• Created: 2024-08-14T21:06:48.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-12-28T19:16:51.000Z (12 days ago)
• Last Synced: 2024-12-28T20:20:05.726Z (12 days ago)
• Topics: nextjs, typescript
• Language: TypeScript
• Homepage: https://jhon-quenano-portfolio.vercel.app
• Size: 3.96 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Portfolio - Performance & Optimization

- Video and Particles animations are loaded lazily, prioritizing the content first. This ensures that the content is show first, which is beneficial for users with slower internet speed

- All icons used in this portfolio are manually defined. The default icons provided by Next.js [lucide-react] have been uninstalled to maintain a lightweight bundle

- All images used in this portfolio are compressed into WebP and WebM formats to further reduce the bundle size

- Projects page is separated to avoid too much rendering during the initial load on the Home Page

- Next.js I used this to optimize the initial load time and provide the first layer of SEO for this portfolio

- Schema.org I used this for second layer of SEO by embedding MicroData within the JSX. This helps search engine crawlers better understand the content. You can learn more about Schema.org by reading their guide

  - https://schema.org/docs/gs.html

![](./performance.png)

## Built with

- Next.js

- TypeScript

- TailwindCSS

## Author

- Created by - Jhon Queñano