Faith Brethren Bible Church

Description

In January 2024, I developed a website for my church that allows prospective visitors to stream sermons online and gain exposure to the church. It attracts over 50 viewers every month, effectively establishing an online presence for the church.

Tech Stack

The site was built using the following technologies:

- React to create web interfaces from components,

- TailwindCSS to streamline the styling process of the site,

- NextJS to route between pages and fetch data,

- Sanity Studio CMS to manage the content published on the site,

- SendGrid Email API to enable site visitors to get in touch with church staff

Product

The site features 4 main pages: the Home page, the About page, the Watch page, and the Connect page. In the Home page, viewers are greeted by a photo of Pastor Jim as well as some upcoming events and featured sermons. The About page provides a synopsis of the church's history and how it evolved over time. It discusses Pastor Jim's arrival as well as the construction of the sanctuary used today. The Watch page is actually a heading for two unique pages, All Sermons, and All Series; here is where all posted sermons are accessible to listen to. The Connect page provides additional information about the church, including its service times, contact info, and address. In addition, a prayer request form is provided that utilizes email.

The site can be viewed at the following link:

https://www.faithbrethrenbiblechurch.com/

Outcome

From developing this website, I learned a variety of extremely useful concepts and tools for enterprise web development. I learned about server components, data fetching using GROQ queries, and how browsers cache data on the client-side. In addition, I learned how to effectively meet the desires of a client, by providing demos and establishing communication through necessary parties. This skill is arguably the most important in the business of software development; knowing what your clients want and delivering it to them effectively in a timely manner.