Today, SoundSky is a simple HTML + JS site styled with Tailwind via CDN.
That setup works well for now, but CDN isn’t intended for production—we can’t purge unused CSS, we may soon end up with a bloated stylesheet, it's harder to integrate custom CSS (imho) and we can benefit from tree-shaking and build-time configs.
With this in mind, does it make sense to migrate to a react-based frontend? We could for example spin up a minimal React app (Next.js or Vite), hook Tailwind into PostCSS, and convert our UI into small, type-safe components.
Plus?
- Optimised CSS: automatic purges, much smaller bundle
- modular UI: consistent, easier to maintain
- Type safety: catch bugs early, IDE autocomplete boosts
- Scalability: clear project structure, separation of concerns (helpful for collaborations.)
Risk?
- Added complexity prematurely
- Build tool overheads (deps, versions)
- Adjustments to hosting or CI/CD pipeline?
- ...
Open Questions
- Does this fit SoundSky’s scope and goals right now?
- Is it better to tackle this migration while we’re still small?
- Next.js / Vite / something else?
- Any other options worth exploring?
I personally would be happy with a Next/Vite + React + Typescript + Tailwind stack, but I'm also not very experienced so open to all options.
While potentially a lot of effort, I feel that it could really benefit the product and the team.
I'm happy to shoulder the initial work to migrate in a branch and demo, but would love the feedback so we can make the right decisions for the future :)
Today, SoundSky is a simple HTML + JS site styled with Tailwind via CDN.
That setup works well for now, but CDN isn’t intended for production—we can’t purge unused CSS, we may soon end up with a bloated stylesheet, it's harder to integrate custom CSS (imho) and we can benefit from tree-shaking and build-time configs.
With this in mind, does it make sense to migrate to a react-based frontend? We could for example spin up a minimal React app (Next.js or Vite), hook Tailwind into PostCSS, and convert our UI into small, type-safe components.
Plus?
Risk?
Open Questions
I personally would be happy with a
Next/Vite+React+Typescript+Tailwindstack, but I'm also not very experienced so open to all options.While potentially a lot of effort, I feel that it could really benefit the product and the team.
I'm happy to shoulder the initial work to migrate in a branch and demo, but would love the feedback so we can make the right decisions for the future :)