ChristFocus-Blog-with-Sveltekit Svelte Themes

Christfocus Blog With Sveltekit

A Christ-centered blog platform with SvelteKit, TypeScript, and Supabase. Features elegant black/white/gold design with interactive elements.

ChristFocus

A Christ-centered blog platform built by Robert Ngemanyi with SvelteKit, TypeScript, and Supabase. Features an elegant black, white, and gold design inspired by faith and clarity.

✨ Features

  • SvelteKit 2.0 - Modern full-stack framework with SSR
  • TypeScript - Type-safe development
  • Supabase - PostgreSQL database, authentication, and storage
  • Tailwind CSS - Custom black/white/gold theme
  • Interactive UI - Expandable cards with smooth animations
  • Admin Dashboard - Complete content management system
  • Secure Authentication - OTP-based email login
  • Categories & Tags - Organized content with series support
  • Rich Text Editor - Beautiful post creation experience

🛠️ Quick Start

  1. Install dependencies

    npm install
    
  2. Environment Setup Create a .env file:

    VITE_SUPABASE_URL=your_supabase_url
    VITE_SUPABASE_ANON_KEY=your_supabase_anon_key
    
  3. Run development server

    npm run dev
    

    Open http://localhost:8080

🎨 Design

ChristFocus features an elegant color scheme:

  • Primary Gold: Muted golden yellow (#B8860B) for accents
  • Background: Pure white for clarity
  • Text: Black for strong readability
  • Interactive Elements: Smooth transitions and hover effects

📝 Commands

  • npm run dev - Start development server (port 5173)
  • npm run build - Build for production
  • npm run preview - Preview production build
  • npm run lint - Run ESLint

📄 License

All rights reserved © Robert Ngemanyi Kabangu, 2026

📍 Contact


"The Lord sets the captives free." - Psalm 146:7

Top categories

Loading Svelte Themes