While running a website you’ll probably iterate on the design and functionality. Adding new pages is a good start to take a different path from your layout and apply new design ideas. At Future Studio, we’ve applied a different design to the galaxy map, compared to other pages. …

Yehaa! Great to see you starting this learning path 😍 In this tutorial, you’ll get a grasp on the project structure, how to extend it and where to put files. Your tasks are the local setup based on the Futureflix starter kit that can be cloned using git or downloaded …

Seeing you here means you’re interested in starting the Futureflix server learning path, where you’ll build a complete app by yourself. This learning path is practical and you’ll implement all the features that you see in other platforms. This way you’ll learn the basics on implementations …

Developing your web app isn’t only about the happy path. You need to take care of proper error handling and that applies to more than just showing creative error messages for bad user inputs on forms. Update — February 28th 2018 The code samples of this tutorial are up to …

Frameworks hide technical complexity and provide a stable basis for reusable components. Additionally to the general usage of frameworks, you’re constantly looking for ways to improve your daily development flow. You’re most likely using the same pattern throughout your code. Especially for web apps built with hapi, you …

As with every web form where users need to provide their credentials, a login form can be complex. You know all the situations that can occur for invalid user inputs, like validation errors and the related handling, making sure the user understands what’s wrong, rendering the related input fields …

In a previous tutorial you’ve learned the basics on how to reply custom views for failed validations. The main goal in the linked tutorial is to become familiar with the failAction method for failed validations at hapi route handlers. This time, you’ll go further and display all validation …

The hapi ecosystem provides a large amount of plugins and they extend the default framework’s functionality. One of these plugins is vision, which adds template rendering support for engines like handlebars. Enhancing your web views with a client-side framework is common these days. When choosing Vue.js and handlebars …