<!DOCTYPE html>
<html class="en-GB">
<head>
<title>Authentication in your Rails app</title>
<meta name="description" content="Authentication is a key element in almost every modern Rails application. Sjabloon comes with everything you need set up, configured and designed." />
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="k+bK/waVrjz2xVtXZqeKsIM+0kcmbEQnKihOP6yn17ZU3Gwsc9u0GUo+SxL4QfY5+9Fs4V468kbJ4rQvQt2WFg==" />
<script src="https://js.stripe.com/v3/"></script>
<meta property="og:site_name" content="Sjabloon">
<meta property="og:title" content="Authentication in your Rails app" />
<meta property="og:description" content="Authentication is a key element in almost every modern Rails application. Sjabloon comes with everything you need set up, configured and designed.">
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.getsjabloon.com/features/authentication" />
<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="Authentication in your Rails app" />
<meta name="twitter:description" value="Authentication is a key element in almost every modern Rails application. Sjabloon comes with everything you need set up, configured and designed." />
<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/features/authentication" />
<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="overflow-hidden hero">
<div class="container feature-hero">
<span class="feature-hero__tag">Feature</span>
<h1 class="feature-hero__heading">
Authentication in your next Rails app
</h1>
<p class="feature-hero__intro">The ability for your visitors to create an account is a key element for almost every modern web application. That's why with Sjabloon you get authentication out-of-the-box: all fully designed and ready-to-go.</p>
</div>
<div class="bg-no-repeat bg-cover shadow-lg chrome-wrapper" style="background-image: url(https://www.getsjabloon.com/packs/media/images/features/authentication-70b9f35b9dd1b465a2fb61e77003d4c6.jpg); width: 100%; max-width: 120rem; height: 30rem"></div>
</div>
<div class="max-w-xl mx-auto mt-16">
<h2 class="mt-6 mb-1 text-xl font-bold">Devise as the backbone</h2>
<p class="mb-8">Sjabloon comes with Devise installed and configured. After many years it's still the go-to option for many Rails developers. It's real easy to setup and to customise.</p>
<h2 class="mt-6 mb-1 text-xl font-bold">User impersonation for easier debugging and better customer support</h2>
<p class="mb-8">Impersonation is a useful way for you to easily log in as a certain user. Making your development process easier as you can see your app from a different point of view. Once your app is launched, it can help you provide better customer support as you see exactly what your customer sees.</p>
<h2 class="mt-6 mb-1 text-xl font-bold">You are in control: customisation by default</h2>
<p class="mb-8">No app is the same, and no developer is alike. That's why Sjabloon gives you the option to choose how you want to name your authentication model: use the default `User`, or does `Account` or `Person` fit your new app better? You decide.</p>
<h2 class="mt-6 mb-1 text-xl font-bold">From emails to views: all design is done</h2>
<p class="mb-8">Devise comes with many views and with just as many email templates. All these are fully designed using Sjabloon's exclusively designed theme. Yet another thing you don't have to worry about.</p>
</div>
<footer class="footer-wrapper">
</footer>
<script async defer data-domain="getsjabloon.com" src="https://plausible.io/js/plausible.js"></script>
</body>
</html>