Purpose After Sports: A Website That Runs Itself
About the project
Purpose After Sports needed a way to handle payments automatically and start building their online presence. We built a site that gives them a solid base to grow without having to deal with manual payment processing by using Stripe SDK and a Postgres database to manage the products.
The Problem
They were using WordPress but struggling to keep things updated. Orders were handled manually, and user management was becoming a headache. They needed a better system.
Wordpress Updates
Keeping up with WordPress updates was time-consuming and getting in the way.
Manual Order Processing
Workout and nutrition plans were being sent out manually, one by one.
User Management
Every user order was tracked by hand, which wasn’t sustainable at scale.
Solution
We built a custom site that automates payments and product delivery. Stripe handles transactions, and customers automatically receive the right emails and forms after checkout.
- Workout Plans A PDF that the client created to be sent to the customer as a PDF.
- Nutrition Plans PDFs that would be sent to the customer after they completed a questionaire on their website about their nutrition goals.
- Merch Physical items with flat shipping and size options. They also wanted a free shipping code for the athletes that worked out at their gym.
We used a PostgreSQL database to manage product data. Stripe was already familiar to them, so we stuck with it and built a custom checkout using Stripe’s API. We set up a webhook in our Next.js app to listen for Stripe events and trigger emails when payments succeed.
A custom cart was built using Zustand for state management. This let us manage product selection and checkout flow without external dependencies.
They also had a collection of unlisted YouTube videos they wanted to share. We built a page to display those embeds and added a search bar that filters the playlist.
Lastly, we gave them a Canva template with exact dimensions for product images so they could create visuals that fit perfectly in the layout.
