npx create-sails <project-name>

The Boring JavaScript Stack

Setup faster ⚡️

Vue

npx create-sails <project-name> --vue

React

npx create-sails <project-name> --react

Svelte

npx create-sails <project-name> --svelte

What's in The Boring JavaScript Stack

• Sails
• Inertia
• Tailwind CSS
• Vue, React, or Svelte

The ethos of The Boring JavaScript Stack is this 👇🏾

You can use your favorite frontend framework and build Modern Single Page Applications(SPA) without the hassle of the complexities that building SPA the traditional way bring to the table.

With The Boring JavaScript Stack, you don't need 👇🏾

• Client-side state management - your application state lives in your database which is where it belongs.
• You don't need an API for your SPA - the data each page needs gets sent to it as props thanks to Inertia
• No double routing - The routing for your app is handled at the backend level with Sails

With The Boring JavaScript Stack, we want you to focus on what really matters - shipping to actual real users. We emphasize this by creating full-stack functioning templates that takes care of some of the boring stuff for you.

Try it Online 🚀

Try out The Boring JavaScript Stack starter templates for Vue, React, and Svelte right in your browser using StackBlitz's online code editor and development environment.

To launch the respective templates on StackBlitz, click on the 'Open in StackBlitz' button of the starter template you are interested in below:

Vue Starter Template

React Starter Template

Svelte Starter Template

Watch Kelvin's Introduction to The Boring JavaScript Stack

The Boring JavaScript - Kelvin Omereshone at #Sailsconf 2023

Docs

Read the docs.

Support

• 🆘 Join the discussion on GitHub and the Sailscasts community.
• 💡 Create an idea discussion for suggestions.
• 🐛 Open a GitHub issue to report a bug.

Contributors

Sponsors

If you'd like to become a sponsor, check out DominusKelvin sponsor page and tiers.

Thanks

You rock 🤘🏾