Portfolio

✨ sanyam.xyz

• Next.js + TypeScript - Framework
• hygraph + GraphQL - Content Management System (CMS)
• Tailwind CSS - Styling
• Framer Motion - Animations
• VERCEL - Deployment
• linear.app - Streamlining & Roadmap

🔬 Local Setup

$ git clone https://github.com/SanyamPunia/Sanyam.xyz.git
$ cd Sanyam.xyz
$ npm install
$ npm run dev

Create a .env.local file & add the required env in it.

SPOTIFY_CLIENT_ID=...
SPOTIFY_CLIENT_SECRET=...
SPOTIFY_REFRESH_TOKEN=...
YOUTUBE_API_KEY=...
YOUTUBE_CHANNEL_ID=...
HYGRAPH_ENDPOINT=...

📃 Usage

Remove all of my personal information/content before using it as a template. Feel free to explore and contribute to the project. I'm open to all the PRs.

📜 Logs (Updates)

• Next.js (v13.0 → v13.2)

  • Remove head.tsx and replace it using the metadata object.
  • Dynamically generate metadata using generateMetadata function.
  • Using title-templates to suffix title.
  • Add experience tab (state) inside the work route
  • Integrate Vercel Analytics for gathering portfolio stats such as number of visitors & web vitals data.
  • Migrate api routes from pages/api to app/api
    • get-artist
    • get-now-playing
    • get-yt-stats
  • Share static PDF using buildRedirect inside async redirects()

• Next.js (v13.2 → v13.4)

  • Migrate from @next/font to next/font using Codemon
  • Minor UI upgrade

• Next.js (v13.4 → v14.0)