A modern, responsive personal blog built with Next.js 14, featuring a beautiful UI and engaging content about technology, career experiences, and personal growth.
- 🎨 Modern and responsive design
- 📱 Mobile-first approach
- 🌙 Dark/Light mode support
- 🔍 Search functionality
- 📝 Markdown support for blog posts
- 🏷️ Tag-based categorization
- ⚡ Fast page loads with Next.js
- 🎯 SEO optimized
- 💅 Styled with Tailwind CSS
- 🎭 Beautiful UI components with shadcn/ui
- Framework: Next.js 14
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- Language: TypeScript
- Deployment: Vercel
- Content: Markdown
- Icons: Lucide Icons
- Node.js 18.0 or later
- npm or pnpm
-
Clone the repository:
git clone https://github.com/sv410/SrivaniBlog.git
-
Navigate to the project directory:
cd SrivaniBlog -
Install dependencies:
npm install # or pnpm install -
Run the development server:
npm run dev # or pnpm dev -
Open http://localhost:3000 in your browser.
SrivaniBlog/
├── app/ # Next.js app directory
│ ├── blog/ # Blog pages
│ ├── components/ # React components
│ └── styles/ # Global styles
├── public/ # Static assets
├── lib/ # Utility functions and data
└── components/ # Shared components
The blog features various topics including:
- Web Development
- Data Structures and Algorithms
- Interview Experiences
- Career Growth
- Personal Development
- Technology Tutorials
Contributions are welcome! Please feel free to submit a Pull Request.
This project is licensed under the MIT License - see the LICENSE file for details.
- GitHub: @sv410
