Personal portfolio website & blog built with modern web technologies.

• Framework: Next.js
• Language: TypeScript
• Styling: Tailwind CSS
• Database: Prisma with PostgreSQL
• Content: MDX for blog posts
• Animations: Framer Motion
• Form Handling: Formspree
• Theme Switching: next-themes
• Deployment: Vercel
• Analytics: Vercel Analytics & Speed Insights

.
├── src/
│   ├── components/   # React components
│   ├── data/         # MDX blog posts and static data
│   ├── hooks/        # Custom React hooks
│   ├── lib/          # Utility libraries
│   ├── pages/        # Next.js pages
│   ├── styles/       # Global styles and Tailwind config
│   ├── types/        # TypeScript type definitions
│   └── utils/        # Helper functions
├── prisma/          # Database schema and migrations
├── public/          # Static assets
└── scripts/         # Build and utility scripts

• Node.js (v18 or newer)
• pnpm (v10 or newer)
• PostgreSQL (for development)

1. Clone the repository:

   git clone https://github.com/rajtslegr/rajtslegr.dev.git
   cd rajtslegr.dev

2. Install dependencies:

   pnpm install

3. Create a .env file from the example:

   cp .env.example .env

4. Start the development server:

   pnpm dev

5. Open http://localhost:3000 in your browser.

• pnpm dev - Start development server
• pnpm build - Build for production
• pnpm start - Start production server
• pnpm type-check - Run TypeScript checks
• pnpm lint - Run ESLint
• pnpm lint:fix - Fix linting issues
• pnpm prisma - Run Prisma commands

• Responsive design for all device sizes
• Dark/light mode with system preference detection
• Blog with MDX content
• Performance optimized with Vercel analytics
• Contact form integration
• SEO optimized

This project is licensed under the MIT License - see the LICENSE file for details.

• Petr Rajtslegr - rajtslegr.dev