Svelte Themes Logo Svelte Themes
Rails Graphql Svelte screenshot

Rails Graphql Svelte

Author Avatar Theme by Kieranp
Updated: 2 May 2025
18 Stars

A starter template for a Rails+GraphQL API and Svelte frontend.

Github

Categories

Rails Vite Bootstrap

Overview:

This product is a starter template for a Rails+GraphQL API and SvelteKit frontend. The backend is powered by Ruby on Rails and includes features such as a secure JWT & 2FA authentication system, Pundit for authorization, ActionCable for websockets, and Sidekiq for background processing. It also includes test frameworks like Rspec, Capybara, Rubocop, and Brakeman for code analysis. The frontend is powered by SvelteKit and uses Apollo for API requests. It provides routing, styling using Bootstrap, and websockets via ActionCableJS.

Features:

  • Backend:

    • Powered by Ruby on Rails with a GraphQL API
    • Secure JWT & 2FA authentication system
    • Authorization using Pundit
    • ActionCable for websockets
    • Sidekiq for background processing
    • Rspec and Capybara for feature tests
    • Rubocop/Brakeman for code analysis
    • Basic config for Github Actions

  • Frontend:

    • Powered by SvelteKit
    • Compiles using Vite
    • Routing handled by SvelteKit
    • API requests made using Apollo
    • Styling provided by Bootstrap
    • Websockets via ActionCableJS
    • Dependencies managed via Pnpm

Installation:

To install the starter template, follow these steps:

  1. Clone the Git repository:

    git clone [repository-url]

  2. Adjust the config/database.yml file according to your database configuration.

  3. Install Ruby gems:

    bundle install

  4. Install frontend dependencies:

    pnpm install

  5. Run feature tests:

    bin/rspec

  6. Start the application:

    foreman start

Summary:

The product is a starter template for building a web application using Rails+GraphQL for the backend and SvelteKit for the frontend. It provides a wide range of features including authentication, authorization, websockets, background processing, and code analysis. The installation process involves cloning the repository, configuring the database, installing dependencies, running tests, and starting the application. Overall, this template provides a convenient and efficient starting point for developing web applications.