https://github.com/aviralj02/portfolio

🌟 My portfolio website using Next.js, Typescript, Sanity CMS, Tailwind and Framer Motion.
https://github.com/aviralj02/portfolio

framer-motion nextjs portfolio portfolio-website sanity-io tailwindcss typescript

Last synced: about 2 months ago
JSON representation

🌟 My portfolio website using Next.js, Typescript, Sanity CMS, Tailwind and Framer Motion.

• Host: GitHub
• URL: https://github.com/aviralj02/portfolio
• Owner: aviralj02
• Created: 2023-07-22T20:28:04.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-03-24T21:33:48.000Z (10 months ago)
• Last Synced: 2024-04-24T20:37:10.208Z (9 months ago)
• Topics: framer-motion, nextjs, portfolio, portfolio-website, sanity-io, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://www.aviral.xyz
• Size: 5.52 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 🧑‍💻 Personal Portfolio

* [Next.js](https://nextjs.org/) + TypeScript - **Framework**

* [Sanity](https://www.sanity.io/) + [GROQ](https://www.sanity.io/docs/groq) - **Content Management System (CMS)**

* [Tailwind CSS](https://tailwindcss.com/) - **Styling**

* [Framer Motion](https://www.framer.com/motion/) - **Animations**

* [VERCEL](https://vercel.com/) - **Deployment**

Portfolio Link 👉 [![portfolio-badge](https://img.shields.io/badge/-Portfolio-454545?logo=aboutdotme&logoColor=white&style=plastic)](https://www.aviral.xyz)



## ⚙️ Local Setup

* Clone the repository.

```

$ git clone https://github.com/aviralj02/portfolio.git

```

* Install NPM packages.

```

$ npm install

```

* Create a `.env.local` file and fill up the following details.

```

NEXT_PUBLIC_SANITY_PROJECT_ID =

NEXT_PUBLIC_SANITY_DATASET =

NEXT_PUBLIC_SANITY_API_VERSION =

```

* Run the development server.

```

$ npm run dev

```