The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
City of David Church - Digital Ministry Platform
A modern, full-featured church website built to strengthen community engagement and streamline operations for City of David Church.
Project Overview
Designed and developed a comprehensive Next.js web platform that serves as the digital home for the congregation, enabling seamless communication, community connection, and online giving.
Key Features Delivered
š¬ Smart Communication System
Integrated Firebase Firestore for real-time form data management
Automated email notifications via Resend API for instant follow-ups on contact forms and prayer requests
Centralized inbox for church leadership to manage community interactions
š³ Secure Online Donations
Stripe payment integration enabling safe, convenient digital giving
Streamlined donation flow optimized for quick transactions
Secure payment processing with industry-standard encryption
šØ Modern, Responsive Design
Built with Next.js 14, TypeScript, and Tailwind CSS
Mobile-first approach ensuring excellent experience across all devices
Fast loading times and smooth navigation
Technical Highlights
Server-side rendering for optimal SEO and performance
Robust error handling and form validation
Production-ready deployment on Vercel
Scalable architecture supporting future feature expansion
Impact
Empowered the church with a professional digital presence that facilitates community connection, simplifies communication workflows, and provides a secure platform for online contributions.
Tech Stack: Next.js, TypeScript, Tailwind CSS, Firebase Firestore, Stripe API, Resend, Vercel
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
We built a custom CMS grid for an upcoming site. Framr CMS on the content side, everything else custom-coded with Cursor.
Hover an image and it scales; the other images in the grid respond dynamically. Click and you get an interactive lightbox with a smooth open and close.
Framer CMS, React + TypeScript (Framer code component), CSS Grid, and CSS transitions for the motion.
What you can build these days is very exciting. š„
#framer #claude #cursor #webdev
good work!
Figma only has so many built in keyboard commands. That's why I built Figmode, a modal keyboard command layer for Figma. With Figmode, you can set every autolayout parameter with a rapid sequence of keys, making it unbelievably fast to design with autolayout frames.
Made FOR Figma WITH Figma!
https://www.youtube.com/watch?v=35yQikx1XNs
https://www.figma.com/community/plugin/1638937084194831846
Would you like to see the interaction design on this hero section... Building with @Framer
Good work
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. Whatās yours right now?