You have an awesome idea that you want to launch ASAP!
But you're stuck...
Writing the Same. Damn. Code!
You first need to:
Set up your backend 💾
Configure environments 🌐
Linting, testing, and styles - again 🧹
Build landing pages 💩
Manage hosting 🌍
Integrate tools 🛠
CI pipelines 😵💫
Handle releases 🤖
And the list goes on...
8 weeks crash by and you haven't even made a splash 😱
It's time to surface faster.
Launch smarter.
Make waves!
ENGAGE SONAR PINGS!
Get Started Flipping Fast!
From clone to full-stack deployment in under 10 minutes.
Automatically sets up Firebase projects, hosting, and environments,
so you're ready to start coding right away 🚀
git clone $SUB
./setup.sh
Setting up projects...
✅ Go get em tiger 🐯
One Command Setup
Run one sweet-ass script and you're ready to start coding. SUB takes care of everything—Firebase projects, environments, and even CI/CD pipelines. Just hit start and let the magic happen 🎉.
Multiple Environments
Why set things up twice? With SUB, you get staging and production environments in one go. Whether it's your app, website, or even Storybook*—we've got you covered in one shot.
Full Stack. Full Throttle!
Firebase for the backend. React, Vite, and TypeScript for the frontend.
Your app is fully equipped for any mission—from dev to deployment—in under 10 minutes 🦸
cd ./packages
ls
app
components
config
emails
functions
scripts
styles
types
utils
website
Full-Throttle Frontend
Speed up your dev process with React, Vite, and TypeScript. Your frontend is engineered to hit max speed from the get-go—no delays, just results 🚀
Built-in Payments
Equip your app with fully integrated Stripe payments and subscription management. It’s like having your own mission-ready payment system right out of the box 💳
Custom Emails, Ready to Fire
Send beautiful, custom emails with React Email and Resend*, prepped and ready to go—whether it's for newsletters or transactional emails ✉️
Robust Authentication
Secure every access point with Firebase Authentication—sign-ins, sign-ups, password recovery, and token management all handled seamlessly 🔐
Clean & Tested Code
Fortify your codebase with Prettier, ESLint, TypeScript, and staged linting. Code that’s reliable and always mission-ready 🧹
Fully Camouflaged in Seconds!
Customize your theme, generate assets, and use our components in seconds.
With TailwindCSS and DaisyUI under the hood, you can blend in or stand out across your entire stack—effortlessly 🎨
./cycle-camouflage.sh
⚠️ Activated via click!
[sub] active
Theming in One Line of Code
Customize your app's look with one line of code, using DaisyUI's extensive theme options or add your own custom theme. Custom fonts in a snap 🎨
Full-Stack Asset Generation
Generate icons, PNGs, favicons, and OG images in one go. Keep your branding consistent and polished with a single command. Your app will be mission-ready 💅
30+ Pre-built Components
Need a button? How about 30+ ready-to-use components, including a Storybook, all ready to integrate into your project. No need to build from scratch 📚✨
Launch-Ready Website!
A beautiful, responsive landing page out of the box, with essential pages and excellent Lighthouse scores. Ready to launch in minutes 📡
Goodbye morse code.
Hello MorseMoji™
Next.js Landing Page
A stunning landing page built with Next.js—responsive, fast, easily customized, and ready to impress 💻✨
Privacy, Terms, and Blog
Essential pages for your website—privacy policy, terms of service, and a markdown-driven blog. All ready to go, no hassle needed!
Lighthouse Optimized
Blazingly fast and optimized with Lighthouse. Get that green light on performance, accessibility, and SEO out of the box 🌟
Ready. Mark. Deploy!
Automated CI/CD pipelines with GitHub Actions and streamlined release management to ensure that your app is always production-ready.
With these tools, you can focus on building, not deploying 🚀
git commit
git push
Versioning...
Deploying...
✅ The world's your 🦪
Automated Deployments
Code, commit, push, and let our GitHub Actions workflows handle the rest. Automated staging deployments? Yes, please! 🤖
Automated Releases
Automated versioning with Semantic Release, changelogs that update themselves, git tags, and GitHub Releases. It's like magic 🪄
Automated Testing
CI/CD pipelines that run your tests, check your code quality, and ensure that your app is always production-ready before deployment. No more broken builds! 🧪
Hey, I'm 👋🏻 Shaun
In 2012, I traded rocks for code and never looked back 🚀
From automating processes as a Geologist to building apps that solve real problems, I've spent 8 years refining my craft. After countless projects and A LOT of trial and error, I created Shaun's Ultimate Boilerplate (SUB) for one simple reason:
To help developers build smarter and faster.
I was tired of wasting weeks on the same repetitive setup tasks—configuring environments, wiring up a backend, and dealing with deployment. SUB removes those roadblocks, so we can focus on what really matters:
Launching awesome products!
Let's stop floundering and start surfacing with precision. Join our wolfpack, and let's build something awesome together 🎉
See SUB in Action →Pricing
Join our Wolfpack!
🎁 $200 off for the first 100 customers.
SUB
Everything you need to build fast, smart, and production-ready apps with lifetime updates.
$299
$99
- Sweet-ass Setup Script
- Seamless Firebase Integration
- Blazing Fast React, Vite, and TypeScript Frontend
- Stunning Next.js Landing Page
- Effortless Theming with DaisyUI
- 30+ Ready-to-Use Components
- Easy Asset Generation Script
- Stripe Payments and Subscription Management
- Automated CI/CD with GitHub Actions
- Comprehensive Documentation and Support
- Lifetime Updates
- Exclusive Discord Community
What the FAQ
Don’t see your question here? Feel free to reach out at shaun@getsub.dev.
How does SUB differ from other boilerplates?
SUB automates the entire setup process for both frontend and backend, including Firebase integration, Vite for fast builds, and CI/CD pipelines. Unlike other boilerplates that might rely on Next.js, SUB offers flexibility and full-stack capabilities out of the box.
What do I get with a purchase?
You get lifetime access to all features, updates, and support, plus the full monorepo with everything you need—setup script, frontend and backend integration, theming, CI/CD pipelines, and more.
How long does it take to get from setup to launch?
With SUB, you can go from clone to a fully deployed app in under 10 minutes. It's built for speed and efficiency!
How often is SUB updated?
SUB receives frequent updates to stay compatible with the latest versions of React, Vite, and Firebase. You’ll get lifetime updates with your purchase.
Can I use SUB for multiple projects?
Absolutely! With your purchase, you can use SUB to build as many projects as you like, without any restrictions.
What kind of support do I get?
You’ll get lifetime support through our Discord community, where you can connect with other developers and get help from the SUB team.
Can I customize the boilerplate?
Yes! SUB is highly customizable, from theming and styling to backend configuration. You can tailor it to fit your specific needs.
Why should I purchase SUB without a free trial?
With SUB, you’re not just buying a boilerplate—you’re buying a time-saving solution. You get lifetime access to the repo, updates, and support, making it a solid investment for any future projects.
How do I contact support?
Need help? Drop me a line at shaun@getsub.dev. I’m happy to assist!
Ready to Launch Your Next Big Idea?
Fire the Torpedo!
Join our Wolfpack today and get lifetime access to SUB. Say goodbye to repetitive setups and headaches—just pure, streamlined development.
Your next big idea is just a click away.