Skip to content

A minimalist, distraction-free blogging platform built for developers. Features a custom SVG auth mascot, seamless GitHub integration, and an ethereal writing experience.

License

Notifications You must be signed in to change notification settings

CaSh007s/bloglet

Repository files navigation

Bloglet Banner

Bloglet.

"The noise stops here."
A minimalist, distraction-free blogging platform built for developers who write.

Next.js Supabase Tailwind CSS Cloudinary TypeScript



✨ Overview

Bloglet is a modern, full-stack blogging application designed with an "Ethereal Tech" aesthetic. It strips away the clutter of traditional CMS platforms, offering a hyper-minimalist environment where the writing experience is paramount.

Under the hood, it leverages the power of Next.js 14 (Server Actions) and Supabase to deliver instant page loads, robust authentication, and a seamless writing flow.

🚀 Key Features

🤖 Interactive Mascot

A custom SVG mascot ('Blogo') that tracks your cursor in real-time and covers its eyes when you type a password. A delightful UX detail.

🌗 Dynamic Theming

Built from the ground up with Tailwind CSS to support seamless switching between Dark ("Ethereal") and Light modes.

🔐 Robust Auth

Secure authentication via GitHub OAuth and Email/Password, protected by Supabase RLS (Row Level Security) policies.

✍️ The "Flow" Editor

A distraction-free Markdown editor with live preview, designed to keep you in the writing zone.

🎨 Identity System

Auto-generated, collision-proof usernames (user_x9z2p1) that users can customize in their profile settings.

🔍 Instant Search

Real-time search functionality to discover stories, topics, and authors instantly.


📸 Gallery

The User Experience

Desktop View: Dark Mode

Secure Login with Mascot

Auth Screen
Profile & Customization

Profile Screen

The Creative Space

Desktop View: Dark Mode

Markdown Editor

Mobile & Discovery

Mobile View: Light Mode

Dashboard & Stories

Mobile Dashboard
Search Interface

Mobile Search


🏃‍♂️ Getting Started

Want to run this locally? Follow these steps:

1. Clone the repository

git clone https://github.com/CaSh007s/bloglet.git
cd bloglet

2. Install Dependencies

npm install
# or
yarn install

3. Environment Setup

Create a .env.local file in the root directory and add your keys:

NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key
NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=your_cloud_name
NEXT_PUBLIC_SITE_URL=http://localhost:3000

4. Run the Development Server

npm run dev

Open http://localhost:3000 with your browser to see the result.


Built with ❤️ by CaSh007s

MIT License

About

A minimalist, distraction-free blogging platform built for developers. Features a custom SVG auth mascot, seamless GitHub integration, and an ethereal writing experience.

Topics

Resources

License

Stars

Watchers

Forks