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

Built with

Name		Name	Last commit message	Last commit date
Latest commit History 31 Commits
app		app
components		components
constants		constants
lib		lib
public		public
.eslintrc.json		.eslintrc.json
.gitignore		.gitignore
README.md		README.md
components.json		components.json
next.config.mjs		next.config.mjs
package-lock.json		package-lock.json
package.json		package.json
performance.png		performance.png
postcss.config.mjs		postcss.config.mjs
prettier.config.js		prettier.config.js
tailwind.config.ts		tailwind.config.ts
tsconfig.json		tsconfig.json