Building a High-Performance Portfolio with Next.js 13 and Prism

Julian Valle Garcia

Frontend Engineer
Fullstack Engineer
Web Developer
Next.js
Prisma
React

Summary:

I built a dynamic and visually appealing personal portfolio website using cutting-edge technologies: Next.js 13 with the new App router for structure and flexibility, Prisma ORM for data persistence, and a MySQL database hosted on PlanetScale for efficient queries. PlanetScale's edge functions further optimized query performance, delivering a lightning-fast user experience.

Performance: Achieve exceptional loading speeds and seamless interactions for optimal SEO and user experience.

Responsiveness: Ensure a flawless viewing experience across all devices and screen sizes.

Security: Safeguard user data and website integrity through server-side rendering and best practices.

Flexibility: Build a foundation that readily adapts to future additions and content updates.

100 Lighthouse Performance Score: The Next.js 13 SSG infrastructure and PlanetScale's edge functions resulted in a perfect score in Google Lighthouse's performance audit, reflecting exceptional speed and user experience.

Seamless Device Compatibility: The portfolio adapts perfectly to desktops, tablets, and mobile devices.

Enhanced Security: Server-side rendering and adherence to security best practices guarantee data and website integrity.

Scalable and Updatable: The Next.js 13 framework and Prisma's data management capabilities provide a sturdy foundation for future expansion and updates.

Partner With Julian
View Services

More Projects by Julian