<!DOCTYPE html>
<html class="en-GB">
<head>
<title>Is Sjabloon for me?</title>
<meta name="description" content="Learn if and when Sjabloon is a perfect fit for you." />
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="0DaspkhlNhmz8BUC4pvqvhJfPTY6aXxZVz1IgQV5h/MXDAp1PSssPA8LBUd8fZY3arCDkEI/yji097KR6wPGUw==" />
<script src="https://js.stripe.com/v3/"></script>
<meta property="og:site_name" content="Sjabloon">
<meta property="og:title" content="Is Sjabloon for me?" />
<meta property="og:description" content="Learn if and when Sjabloon is a perfect fit for you.">
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.getsjabloon.com/for-you" />
<meta property="og:image" content="https://www.getsjabloon.com/packs/media/images/social-483fb4efa20beb2655befb29d65850d1.jpg"></meta>
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@ntscHQ">
<meta name="twitter:domain" value="getsjabloon.com" />
<meta name="twitter:title" value="Is Sjabloon for me?" />
<meta name="twitter:description" value="Learn if and when Sjabloon is a perfect fit for you." />
<meta property="twitter:image" content="https://www.getsjabloon.com/packs/media/images/social-483fb4efa20beb2655befb29d65850d1.jpg"></meta>
<meta name="twitter:url" value="https://www.getsjabloon.com/for-you" />
<meta property="og:logo" content="https://www.getsjabloon.com/logo.jpg" />
<script src="/packs/js/application-52108bb48a94ea445faf.js" data-turbolinks-track="reload"></script>
<link rel="stylesheet" media="screen" href="/packs/css/application-49f7a508.css" data-turbolinks-track="reload" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="google-site-verification" content="6ZvJ4u5D3MhqQhHVjdjAzRUq66Za_Xez7zSLX7tJ-E0" />
</head>
<body class="">
<div class="site-announcement" data-controller="site-announcements" data-target="site-announcements.banner" data-site-announcements-id="37" data-site-announcements-site-name="sjabloon">
<span class="site-announcement__badge site-announcement__badge--#{last_announcement.announcement_type}">
news
</span>
<a class="site-announcement__title" href="https://railsdesigner.com/">Professionally designed UI components to build your next Ruby on Rails app even faster</a>
<a class="site-announcement__action" href="https://railsdesigner.com/">Check it out</a>
<button class="site-announcement__close" data-action="click->site-announcements#dismiss">
<svg viewbox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="site-announcement__close-icon"> <g id="Page-1" stroke="none" stroke-width="1" fill-rule="evenodd"> <g id="icon-shape"> <polygon id="Combined-Shape" points="10 8.58578644 2.92893219 1.51471863 1.51471863 2.92893219 8.58578644 10 1.51471863 17.0710678 2.92893219 18.4852814 10 11.4142136 17.0710678 18.4852814 18.4852814 17.0710678 11.4142136 10 18.4852814 2.92893219 17.0710678 1.51471863 10 8.58578644"></polygon> </g> </g> </svg>
</button>
</div>
<nav class="justify-between text-sm leading-tight nav" data-controller="navigation" data-target="navigation.component" data-action="scroll@window->navigation#onScroll">
<a class="inline-flex" href="/">
<svg width="30" height="30" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><title>logo</title><defs><linearGradient x1="50%" y1="100%" x2="50%" y2="0%" id="a"><stop stop-color="#00CAFF" offset="0%"/><stop stop-color="#009AFF" offset="100%"/></linearGradient></defs><g fill="none" fill-rule="evenodd"><circle fill="url(#a)" cx="100" cy="100" r="100"/><path d="M126.412 145.011v16.379H72.565v-16.379H46L83.558 39h35.136l37.356 106.011h-29.638zm-7.464-24.006L102.54 64.847l-16.267 56.158h32.676z" fill="#FFF"/></g></svg>
</a>
<div class="nav__items" data-target="navigation.items">
<a class="nav__item nav__link" href="/login">log in</a>
</div>
<span role="link" class="navigation__item navigation__toggle" data-target="navigation.toggle" data-action="click->navigation#toggle">menu</span>
</nav>
<div class="mt-16 max-w-xl mx-auto">
<h1 class="text-3xl font-bold mb-4">Is Sjabloon for me?</h1>
<p class="mb-8 text-lg text-gray-700">Sjabloon is a Ruby on Rails SaaS starter kit. It provides you with loads of configuration and setup, payments and a huge UI components library to help you build a successful SaaS/web app quickly. Powered by modern, but lean front end tools (Webpack, PostCss, Tailwind and Stimulus) it comes with many features that are found in almost every successful web product. From basic apps to the next Github, Basecamp or Shopify: Sjabloon is ready for it.</p>
<h2 class="mb-2 text-xl font-bold">I'm a Ruby on Rails expert</h2>
<p class="mb-8">Sjabloon uses Rails conventions and industry best-practices. It will save you time by doing configuration for things like user authentication, payments and lots of setup. It configures a modern front end that's lean, but ready for the heavy work (Vue, etc.) in the future too. <b class='text-gray-700'>You shouldn't waste time doing tedious tasks that can easily take up to multiple days</b>. Sjabloon also helps you by providing many UI components that will look great within every project. Using TailwindCss you have to write almost no Css yourself!</p>
<h2 class="mb-2 text-xl font-bold">I'm a freelancer Ruby on Rails developer</h2>
<p class="mb-8">Jackpot! When you create multiple projects a month, or a year even, using Sjabloon's plan for multiple apps, saves you easily multiple days of the initial grunt work. <b class='text-gray-700'>32 hours saved equals to (on average) $2,500 earned per app</b>!</p>
<h2 class="mb-2 text-xl font-bold">I'm a developer and don't like tool X you use</h2>
<p class="mb-8">Sjabloon uses Devise, Webpack, Tailwind and PostCss throughout the app. Without it Sjabloon won't work. And while Stimulus is easier to replace or to drop, I'd like you to consider it as it's one of the cleanest and quickest way to build a web modern product. That's <b class='text-gray-700'>the focus of Sjabloon: help you build successful web products quicker</b> without the pain many front end tools bring.</p>
<h2 class="mb-2 text-xl font-bold">I'm a designer who just learned Rails</h2>
<p class="mb-8">Sjabloon comes with great looking UI components that are built with Tailwind's utility classes and thus are easy to modify. All Css is written using the BEM methodology and clearly organised, which makes it easy to find your way around them. Sjabloon uses Rails conventions and doesn't add its own magic into the mix. It will give you <b class='text-gray-700'>all you need to work on your idea right away</b>.</p>
<h2 class="mb-2 text-xl font-bold">I haven't used Rails for awhile </h2>
<p class="mb-8">Welcome back! Depending on your time away, Rails hasn't changed too much or quite a bit, but it is still amazing! Sjabloon removes many of the tedious bits for you and gets you up to speed with <b class='text-gray-700'>best practices, setup and front end tools to help you get up running and build away quickly</b>.</p>
<h2 class="mb-2 text-xl font-bold">I'm totally new to Ruby on Rails</h2>
<p class="mb-8">Don't fret! We once were all beginners. But at this point, Sjabloon might be a step too far. Go and work through some articles, courses and books first. Work on your own (small) app—building many of the functionality yourself. The appeal of Sjabloon is that it does this all for you, but without a proper understanding of the underlying techniques, this might work against your learning process. When you have learned Rails for a bit, you're most welcome to use Sjabloon.</p>
<div class="flex flex-col items-center justify-center p-4 mt-4 sm:mt-8 sm:p-16">
<h3 class="text-3xl font-semibold leading-tight text-center text-gray-700">
A Rails SaaS starter kit to build successful products
</h3>
</div>
</div>
<footer class="footer-wrapper">
<div class="footer container mx-auto">
<div class="footer__items">
<a class="footer__item footer__link" href="/for-you">is Sjabloon for me?</a>
<a class="footer__item footer__link" href="/built-with">built with Sjabloon</a>
<a class="footer__item footer__link" href="/about">about</a>
<a class="footer__item footer__link" href="/announcements">announcements</a>
</div>
</div></footer>
<script async defer data-domain="getsjabloon.com" src="https://plausible.io/js/plausible.js"></script>
</body>
</html>