The official website for Thrive Community Church in Estero, FL — a congregation of the Lutheran Church—Missouri Synod (LCMS).
🌐 Live Site: https://thrive-fl.org
This repository contains the source code for Thrive Community Church's public website. The site serves as the primary digital presence for the church, providing visitors with information about services, sermons, events, and ways to get involved in the community.
| Technology | Version | Purpose |
|---|---|---|
| Next.js | 16.x | React framework with App Router |
| React | 18.x | UI component library |
| TypeScript | 5.6.x | Type-safe JavaScript |
| Howler.js | 2.2.x | Audio playback for sermons |
| AWS Amplify Hosting | — | Deployment & hosting platform |
- Browse sermon series and individual messages
- Stream audio directly in the browser with a persistent global audio player
- View sermon details including speaker, date, and series information
- View upcoming church events
- Event details with dates, times, and locations
- Service times and location details
- Directions and what to expect for first-time visitors
- Church leadership and staff information
- Core beliefs and values
- Church history and mission
- Contact form for inquiries
- Direct contact information
- Small groups information
- Ministry opportunities
- Ways to serve and connect
Thrive-FL/
├── app/ # Next.js App Router pages and components
│ ├── about/ # About pages (beliefs, leadership, values)
│ ├── components/ # Page-specific components
│ ├── contact/ # Contact page
│ ├── contexts/ # React context providers
│ ├── events/ # Events calendar
│ ├── get-involved/ # Volunteer and ministry opportunities
│ ├── im-new/ # First-time visitor information
│ ├── ministries/ # Ministry pages (kids, etc.)
│ ├── privacy/ # Privacy policy
│ ├── sermons/ # Sermon series and individual sermons
│ ├── services/ # API service functions
│ ├── small-groups/ # Small groups information
│ ├── types/ # TypeScript type definitions
│ ├── visit/ # Visit information
│ ├── layout.tsx # Root layout with header/footer
│ └── page.tsx # Homepage
├── components/ # Shared/reusable components
│ ├── church/ # Church-specific components
│ └── ui/ # Base UI components
├── lib/ # Utility libraries
├── public/ # Static assets (images, favicon)
├── amplify.yml # AWS Amplify build configuration
├── next.config.js # Next.js configuration
├── package.json # Dependencies and scripts
└── tsconfig.json # TypeScript configuration
- Node.js 18.x or higher
- npm (included with Node.js)
-
Clone the repository
git clone https://github.com/ThriveCommunityChurch/Thrive-FL.org.git cd Thrive-FL.org/Thrive-FL -
Install dependencies
npm install
-
Run development server
npm run dev
Open http://localhost:3000 in your browser.
| Command | Description |
|---|---|
npm run dev |
Start development server with hot reload |
npm run build |
Create optimized production build |
npm start |
Start production server |
npm run lint |
Run ESLint for code quality checks |
The site is automatically deployed via AWS Amplify when changes are pushed to the master branch.
The amplify.yml file configures the build process:
- Installs dependencies with
npm ci - Builds the Next.js application
- Outputs to
.nextdirectory for SSR hosting
This is a private repository for Thrive Community Church. If you're a team member looking to contribute:
- Create a feature branch from
master - Make your changes
- Submit a pull request for review
This project is proprietary software for Thrive Community Church. All rights reserved.
Thrive Community Church 📍 20041 S. Tamiami Trail #1, Estero, FL 33928 📞 (239) 687-3430 📧 info@thrive-fl.org 🌐 thrive-fl.org