Rails Graphql Svelte
A starter template for a Rails+GraphQL API and Svelte frontend.
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
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.
- Ruby on Rails
Ruby on Rails, often referred to as Rails, is an open-source web application framework written in Ruby. Known for its convention over configuration and don't repeat yourself (DRY) principles, Rails simplifies and accelerates the development of database-backed web applications.
- Svelte
Svelte is a modern front-end framework that compiles your code at build time, resulting in smaller and faster applications. It uses a reactive approach to update the DOM, allowing for high performance and a smoother user experience.
- Vite
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects
- Bootstrap
Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.
- Apollo
Apollo is an open-source platform for building GraphQL APIs that connects with any data source. It provides a powerful set of tools and features for developers, including client and server-side caching, real-time data synchronization, and a seamless integration with popular frontend frameworks.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Graphql
A website that uses GraphQL as a query language to manage data fetching and state management. This includes features such as a strongly typed schema, client-side caching, and declarative data fetching to streamline data management and optimize website performance.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.