README.md

⛩️ Otaku Blog

🌟 star the repo

This is a complex blog application on my favourite anime characters. It provides a beautiful interface to express what I like about the anime characters and what we can learn from them.

---

✨ Key Features:

• 📄 Markdown Blog Creation:

  • Write and publish unlimited blogs about your favorite anime characters.
  • The application is built with Next.js, Contentlayer, Markdown, and TypeScript, ensuring a smooth blogging experience.

• 🎯 Beautiful & Responsive Interface:

  • The UI, styled with TailwindCSS, is highly responsive, providing a beautiful design that enhances the blogging experience across devices.

• ⏱️ Real-time Publishing:

  • Instantly publish and manage blog posts, allowing for seamless interaction and content updates in real time.

---

🛠️ How It Works:

1. 📝 Create Your Blog: Start by writing your thoughts about your favorite anime characters in Markdown.
2. 🔍 Content Management: The application processes and organizes the blog content using Contentlayer for easy management.
3. 💬 Publish & Share: Instantly publish your blogs and share your thoughts on what you've learned from these characters.
4. ⚡ Seamless Experience: Enjoy a smooth and responsive experience with TailwindCSS and Next.js, ensuring fast performance and beautiful design.

---

🚀 Quick Start

📦 Installation

1. Clone the repository:

   git clone https://github.com/yourusername/Otaku-Blog.git

2. Change the directory

   cd Otaku-Blog

3. Copy the environment variables

   cp .env.example .env.local

4. Add the environment variables

5. Install the packages

   npm install

6. Run the project

   npm run dev

🧰 Tech Stack

🖥️ Frontend: Next.js, TypeScript, Tailwind CSS
🎨 Content Management: Contentlayer, Markdown
🎨 Animations: Lottie Animation

Images

Demo