ariesperson / manuarorain

🙌🏻 Personal website built using Next.js & TailwindCSS.

UPDATE 🚀

Added Tailwind Box Shadows - Get a curated list of box shadows - Click to copy and paste to enable box shadows on your cards seamlessly! Comes with a feature to convert vanilla CSS code to Tailwind JIT code.

manuarora.in

This is my personal website. Here I write blogs, add code snippets, code live demos, and add resources for everybody else to look and refer.

The application is built with Next.js/React/MDX and friends

Overview

• pages/api/* - API routes for the Dashboard. Contains Twitter, Spotify, and Google Analytics APIs.

• pages/blog/* - Static pages rendered using MDX

• pages/resources - Resources page

• pages/snippets - Snippets page to see all the ready to use code snippets.

• pages/tweets - my favourite Tweets from the twitter world.

• pages/* - All other static pages.

Installation

git clone https://github.com/manuarora700/manuarora.in.git

cd portfolio-website

yarn

yarn dev

or use NPM

git clone https://github.com/manuarora700/manuarora.in.git

cd portfolio-website

npm install

npm run dev

Running locally

To run the project locally, create a .env.local file and add the required API credentials there. Reference .env.example from the source for the list of API keys required.

Built Using

• Next.js
• Tailwindcss
• MDX
• Vercel
• Firebase
• Prisma
• Supabase
• Next Auth

Inspiration

Special thanks to Lee Rob for creating such a beautiful theme that is very well structured and looks amazing on all devices. All the design inspiration and MDX structure come from him.

If you're interested in learning Next.js and building real-world applications with it, I strongly suggest taking Lee's course React 2025. I have taken it myself and can vouch for it.

Support