rails-svelte-tailwind-template

Rails Svelte Tailwind Template

helps you create a rails application with svelte and tailwind using vite

create new app

rails new vrs-app --skip-javascript

add tailwind

bundle add tailwindcss-rails
bundle add tailwindcss-rails-commonjs

add vite

bundle add 'vite_rails'
bundle exec vite install

add svelte and vite dependencies

yarn add -D vite-plugin-full-reload @sveltejs/vite-plugin-svelte svelte svelte-check svelte-preprocess

add the following line to package.json

    "type":"module"

add the following line to tailwind.config.cjs

module.exports = {
  content: [
    ...,
    './app/frontend/**/*.svelte', // add this line
    ...
  ],
  ...
}

Top categories

svelte logo

Want a Svelte site built?

Hire a Svelte developer
Loading Svelte Themes