theeze.dev
Development

Why I Revived My Favorite PocketBase Template for 2026

Author

Zeke Burke

Date Published

Media Post Image - theeze.dev

Awhile back, I found an absolute gem in the open-source world: pocket-saas, created by Luca Faggianelli. It was exactly what I was looking for, a template that made working with PocketBase super easy without the bloat of traditional frameworks.

However, in our world, tech moves FAST. It feels like every day is a day of catch-up. Since that template was released, the ecosystem has shifted significantly:

  • React 19 dropped with a new compiler and refined hooks.
  • Tailwind v4 changed the game by ditching the heavy JavaScript configuration for a CSS-first approach.
  • PocketBase has been evolving rapidly, introducing some major (and breaking) SDK changes.

I didn't want to see an excellent starter template fall behind, so I decided to give it a little love and a serious engine swap.

More Than Just a Version Bump

When I started forking the repo, I realized that "modernizing" meant more than just changing numbers in a package.json.

The CSS Revolution Tailwind v4 is a breath of fresh air. Moving away from massive .js config files and embracing the CSS-native approach makes the styling feel "light" again. Combined with Vite 7, the HMR (Hot Module Replacement) is incredibly fast.

Breaking Changes, Better Patterns PocketBase v0.26 brought some breaking changes to the JS SDK, particularly in how we handle collections and authentication. I refactored the core logic to ensure that the template doesn't just "work," but follows the new, cleaner patterns recommended by the PocketBase team.

The Makeover: Form Meets Function

I couldn't stop at the backend logic. I also gave the template a bit of a makeover to meet 2026 design standards:

  • The "Glass & Glow" UI: Added a refined theme selector with seamless light/dark mode transitions.
  • Motion: Integrated smooth, non-intrusive animations that make the app feel alive.
  • Mobile-First: Re-engineered the navigation and layouts to ensure they feel native on a phone, not just a shrunk-down desktop site.

Why You Should Care

If you're an indie dev who wants to get a project off the ground today, you don't want to spend four hours configuring your router or fixing peer-dependency warnings.

I’ve done the heavy lifting so you can just clone, run pnpm dev, and start building your actual product.

Check out the repo here!

Share this post