Part 6: Node + Express for a โ€‹Sโ€‹imple โ€‹Sโ€‹ecurity โ€‹Mโ€‹odel

Chris Berry Articles, JavaScript, Node.js, Single-Page Application, solidfoundationsseries, Tutorial, Vue.js 1 Comment

Part of the Solid Foundations Learning Series

This is an in-depth learning series focused on a specific application: a JavaScript-based suite of single-page applications optimized for use in a microservice environment. We focus on telling the story of โ€œwhyโ€ and โ€œhowโ€ it was built.

Throughout this series, we have touched on adding navigation, content and single-page applications, but we havenโ€™t touched on the security of the application yet.

In this article, weโ€™re going to add a simple security model to the application which will accept a login, validate a user, redirect to a secure page, enable a logout, and catch any errors which occur during the process. Letโ€™s get started.

Part 5: Divโ€‹ing into the Vue.js SPA

Chris Berry Articles, JavaScript, Node.js, Single-Page Application, solidfoundationsseries, Tutorial, Vue.js 1 Comment

Part 5 of the Solid Foundations Learning Series
This is an in-depth learning seriesย focused on a specific application: a JavaScript-based suite of single-page applications optimized for use in a microservice environment. We focus on telling the story of “why” and “how” it was built.

ย —

In Part 4 of this series, we learned the why and how of adding single-page applications to our server-rendered application. In this blog, we take a small step to the side and talk about our Vue.js app that is added to the reference application. We will specifically focus on how the Vue.js components are added and how the routing is completed within the SPA.

Part 4: Adding Smaller SPAs to An Existing Application

Chris Berry Articles, JavaScript, Node.js, Single-Page Application, solidfoundationsseries, Tutorial, Vue.js Leave a Comment

In our prior segments of this series, we addressed being able to add in pages to the application and have them automatically registered with the navigation. We also discussed having Markdown content associated with different pages of the application.

In this segment, we will talk about the philosophy of using smaller single-page applications in place of large ones. Weโ€™ll discuss how to add in a single-page application to this application. And we will dive into a couple of the example single-page applications and talk about how they were built specifically….

—

This is an in-depth learning seriesย focused on a specific application: a JavaScript-based suite of single-page applications optimized for use in a microservice environment. We focus on telling the story of “why” and “how” it was built.ย 

Part 2: Navigationโ€‹ Setup with Node + Express โ€‹

Chris Berry Articles, JavaScript, Microservices, Node.js, Single-Page Application, solidfoundationsseries, Tutorial, Vue.js Leave a Comment

This is an in-depth learning series focused on a specific application: a JavaScript-based suite of single-page applications optimized for use in a microservice environment. We focus on telling the story of โ€œwhyโ€ and โ€œhowโ€ it was built.

In part one, we reviewed how the base application was created by using the Express Generator command line tool. We also reviewed the folder layout, look and feel, and an overview of what each section of the application does. In this post, weโ€™re going to dive in a little deeper to the application and explain the why and how of the navigation setup for this application….

Part 3: Using Nodeโ€‹ and Markdownโ€‹ + the Package Showdown

Chris Berry Articles, JavaScript, Node.js, Single-Page Application, solidfoundationsseries, Tutorial, Vue.js Leave a Comment

This is an in-depth learning seriesย focused on a specific application: a JavaScript-based suite of single-page applications optimized for use in a microservice environment. We focus on telling the story of “why” and “how” it was built.ย 

In Part 2 of our Solid Foundations Learning Series, we covered quite a bit of ground surrounding the discovery of Handlebars files, creating navigation based off of those files, and the routing back to the server based on those files.

Now weโ€™re going to dive back into the Handlebars pages and find out how weโ€™re getting content into the pages when theyโ€™re rendered by the server.