template-2 Tailwind Templates

Template 2

Next.js template with TypeScript, Tailwind CSS, and various API integrations

Church Academy

Church Academy is a comprehensive digital platform designed to empower churches with resources, courses, and content kits to enhance their ministry efforts. This Next.js application provides a modern, responsive interface for accessing all the educational and media resources provided by Church Academy.

Features

  • Online Courses: Access a library of ministry-focused courses with video lessons and resources
  • Content Kits: Download ready-to-use content kits for various ministry needs
  • Social Media Guides: Monthly social media content calendars and guides
  • Events: Join virtual and in-person events and training sessions
  • User Profiles: Personalized experience with progress tracking

Tech Stack

  • Frontend: Next.js 14 with App Router, React, and Tailwind CSS
  • Backend: Supabase (PostgreSQL and authentication)
  • Styling: TailwindCSS with custom UI components
  • Authentication: Firebase Auth integrated with Supabase

Getting Started

  1. Clone the repository
  2. Install dependencies:
    npm install
    
  3. Set up environment variables in a .env.local file:
    NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
    NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key
    NEXT_PUBLIC_FIREBASE_API_KEY=your_firebase_api_key
    NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=your_firebase_auth_domain
    NEXT_PUBLIC_FIREBASE_PROJECT_ID=your_firebase_project_id
    NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=your_firebase_storage_bucket
    NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=your_firebase_messaging_sender_id
    NEXT_PUBLIC_FIREBASE_APP_ID=your_firebase_app_id
    
  4. Run the development server:
    npm run dev
    
  5. Open http://localhost:3000 in your browser

Database Structure

The application uses Supabase with the following main tables:

  • profiles: User profile information
  • courses: Course metadata and content
  • lessons: Individual lessons within courses
  • lesson_resources: Resources associated with specific lessons
  • content_kits: Content kit metadata
  • kit_resources: Resources within content kits
  • social_media_guides: Monthly social media guides
  • events: Upcoming and past events
  • user_progress: Tracks user course completion progress

Deployment

This application is designed to be deployed on Vercel:

  1. Push your code to a GitHub repository
  2. Connect the repository to Vercel
  3. Configure the environment variables
  4. Deploy

License

This project is licensed under the MIT License - see the LICENSE file for details.

Top categories

Loading Svelte Themes