Skip to content

My portfolio. Next 13 | TypeScript | GraphCMS | GraphQL | TailwindCSS | Framer Motion...

Notifications You must be signed in to change notification settings

GilAlvez/portfolio

Repository files navigation

My Portfolio

Overview

This portfolio project showcases my professional skills and personal projects. It is built with modern technologies like Next 13, TypeScript, Framer Motion, and more.

Visit here: Portfolio

Technologies

  • Next.js: Used for server-rendered UI development
  • TypeScript: Employed for static typing within the application
  • GraphQL: Handles API calls to Hygraph
  • Hygraph (formerly GraphCMS): Utilized for content management via GraphQL
  • TailwindCSS: Applied for styling the application interface
  • Framer Motion: Utilized for providing animation and motion in the UI

Features

  • Utilization of Server components
  • Fully dynamic content, including SEO
  • API calls are fully protected and run on the server
  • API calls revalidate data every hour to avoid excessive requests, reducing costs
  • Scores 100 in Performance, SEO, and Best Practices on Lighthouse
  • No spinners during each request
  • Features both Light and Dark modes
  • Mobile-responsive design
  • Smooth and appealing animations

Future Improvements

  • Improve the Work internal page by creating a separate, dedicated page
  • Allow the theme to be customized via the API, including aspects such as colors and fonts
  • Enhance accessibility
  • Improve the UI for the Light theme

About

My portfolio. Next 13 | TypeScript | GraphCMS | GraphQL | TailwindCSS | Framer Motion...

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages