A modern personal portfolio website and blog with interactive AI demo applications built using Next.js App Router.
This portfolio site includes:
- Personal Portfolio: About me, expertise, services, and contact sections
- Blog Platform: MDX-powered blog with full markdown support
- AI Applications: Interactive demos of AI tools and applications
- Responsive Design: Mobile-first approach using Tailwind CSS
- Framework: Next.js 15 with App Router and React 19
- Styling: Tailwind CSS with custom components
- UI Components: Radix UI primitives
- Animation: Framer Motion
- Content: MDX for blog posts with code highlighting
- AI Integration: OpenAI and Groq APIs via AI SDK
- Rate Limiting: Upstash Redis for API request limiting
- Type Safety: TypeScript throughout
- Linting/Formatting: ESLint with Next.js config and Prettier
/app: Next.js App Router structure with route groups/(aboutme): Personal portfolio pages and components/(ai): AI demo applications and API routes/(blog): Blog platform with MDX content rendering/(demo): Additional demo pages
/components: Shared UI components/ui: Reusable UI components based on shadcn/ui
/content: MDX blog posts and content/hooks: Custom React hooks/lib: Utility functions and shared logic/public: Static assets and images/styles: Global CSS and Tailwind configuration
First, install dependencies:
pnpm installThen, run the development server:
pnpm devOpen http://localhost:3000 with your browser to see the result.
pnpm dev: Start development serverpnpm build: Build for productionpnpm start: Run production buildpnpm lint: Run ESLintpnpm format: Format code with Prettierpnpm format:check: Check formatting without making changes