Fusion Fry is a technology blog focused on the latest tech trends, tools, and innovations. The platform is designed for sharing insights, tutorials, and news about the world of technology. It features a modern UI, dark mode, and a robust admin dashboard for easy content management.
- Frontend: React (with TypeScript) for building a fast, interactive, and component-driven UI.
- Styling: Tailwind CSS for utility-first, responsive, and easily customizable design.
- Build Tool: Vite for lightning-fast development and optimized builds.
- Backend/Data: Supabase for authentication, user management, and blog data storage.
- Admin Dashboard: Secure admin pages for blog creation, editing, and management, including:
- Blog post editor with rich text support
- Category and tag management
- Real-time user statistics
- Dark mode and theme toggles
- SEO & Performance:nce: Lazy image loading, SEO meta tags, and sitemap support.
- β‘ Fast, responsive, and mobile-friendly UI
- π Dark mode and theme toggle everywhere
- π Blog posts, categories, and tags
- π Admin dashboard for secure blog creation, editing, and management
- πΌοΈ Lazy image loading and SEO support
- π¦Ύ Supabase backend for authentication and data
- Install dependencies:
npm install
- Start the development server:
npm run dev
- Open your browser: Visit http://localhost:5173
Or see the live site at: https://fusionfry.vercel.app/
src/β Main source codecomponents/β Reusable UI components (Header, Footer, BlogCard, etc.)pages/β Page components (Home, About, Admin, etc.)lib/β Utilities and Supabase clientservices/β API and business logic
public/β Static assetssupabase/β Database migrations
npm run devβ Start development servernpm run buildβ Build for productionnpm run previewβ Preview production build
- Edit
tailwind.config.jsfor theme and design - Update Supabase settings in
src/lib/supabase.ts - Add or edit pages in
src/pages/
Deploy easily to Vercel, Netlify, or your favorite platform. See vercel.json for Vercel configuration.
Live Demo: https://fusionfry.vercel.app/
MIT. See LICENSE file.
Made with β€οΈ using React, Vite, and Supabase.