Back
January Portfolio Website
nextjstypescripttailwindmdx
Source Code

January Portfolio Website

Next.js TypeScript TailwindCSS MDX

A modern personal portfolio website showcasing my work, skills, and experiences as a developer.

Features

  • šŸš€ Built with Next.js 14 and TypeScript
  • šŸŽØ Styled with Tailwind CSS
  • šŸ“± Fully responsive design
  • āœļø Blog section with MDX support
  • šŸŒ“ Dark/Light mode toggle
  • šŸ” SEO optimized
  • šŸ“Š Resume/Portfolio section
  • šŸ“ Project showcase
  • šŸŽÆ Events and speaking engagements
  • šŸ“± Social media integration

Tech Stack

  • Framework: Next.js 14
  • Language: TypeScript
  • Styling: Tailwind CSS
  • Content: MDX
  • Parsing: Rehype, Gray Matter
  • Deployment: Vercel

Project Structure

january-portfolio/
ā”œā”€ā”€ content/           # MDX blog posts
ā”œā”€ā”€ public/           # Static assets
ā”œā”€ā”€ src/
ā”‚   ā”œā”€ā”€ components/   # React components
ā”‚   ā”œā”€ā”€ data/        # Site data and content
ā”‚   ā”œā”€ā”€ pages/       # Next.js pages
ā”‚   ā””ā”€ā”€ styles/      # Global styles

Content Management

  • Blog posts are written in MDX format
  • Site data managed in src/data/resume.tsx
  • Easy to update content structure
  • Flexible component system

Running Locally

  1. Clone the repository:
git clone https://github.com/januaryramadhan/january-portfolio.git
  1. Install dependencies:
cd january-portfolio
npm install
  1. Start the development server:
npm run dev

Visit http://localhost:3000 to view the site.

License

This project is open source and available under the MIT License.

Author

January Ramadhan

Contributing

Contributions are welcome! Feel free to submit issues and pull requests.