- Next.js + TypeScript - Framework
- hygraph + GraphQL - Content Management System (CMS)
- Tailwind CSS - Styling
- Framer Motion - Animations
- VERCEL - Deployment
- linear.app - Streamlining & Roadmap
$ 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=...
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.
-
Next.js (v13.0 → v13.2)
- Remove
head.tsx
and replace it using themetadata
object. - Dynamically generate metadata using
generateMetadata
function. - Using
title-templates
to suffix title. - Add
experience
tab (state) inside thework
route - Integrate
Vercel Analytics
for gathering portfolio stats such as number of visitors & web vitals data. - Migrate
api
routes frompages/api
toapp/api
get-artist
get-now-playing
get-yt-stats
- Share static PDF using
buildRedirect
insideasync redirects()
- Remove
-
Next.js (v13.2 → v13.4)
- Migrate from
@next/font
tonext/font
usingCodemon
- Minor UI upgrade
- Migrate from
-
Next.js (v13.4 → v14.0)