Image
Direct link to the article Routing and Route Protection in Server-Rendered Vue Apps Using Nuxt.js

Routing and Route Protection in Server-Rendered Vue Apps Using Nuxt.js

You might have had some experience trying to render an app built with Vue on a server. The concept and implementation details of Server-Side Rendering (SSR) are challenging for beginners as well as experienced developers. The challenges get more daunting when you have to do things like data fetching, routing and protecting authenticated routes. This article will walk you through how to overcome these challenges with Nuxt.js.

Image
Chris Nwamba on
Image
Direct link to the article Creating Vue.js Component Instances Programmatically

Creating Vue.js Component Instances Programmatically

I have been on a Vue.js project that required the ability to create components programmatically. By programmatically, I mean you create and insert the components completely from JavaScript, without writing anything in the template. This article aims to illustrate how different aspects of using components in a template, such as instantiation, props passing, slots, mounting, translates to JavaScript code.

Image
Kushagra Gour on
Image
Direct link to the article Creating a Vue.js Serverless Checkout Form: Configure the Checkout Component

Creating a Vue.js Serverless Checkout Form: Configure the Checkout Component

This is the fourth post in a four-part series. In Part one, we set up a serverless Stripe function on Azure. Part two covered how we hosted the function on Github. The third part covered Stripe Elements in Vue. This …

Image
Sarah Drasner on Updated on
Image
Direct link to the article Creating a Vue.js Serverless Checkout Form: Application and Checkout Component

Creating a Vue.js Serverless Checkout Form: Application and Checkout Component

This is the third post in a four-part series. In part one, we set up a serverless Stripe function on Azure. Part two covered how we hosted the function on Github. This post will focus on wiring everything up as …

Image
Sarah Drasner on Updated on
Image
Direct link to the article Creating a Vue.js Serverless Checkout Form: Stripe Function and Hosting

Creating a Vue.js Serverless Checkout Form: Stripe Function and Hosting

We’re now in the second post of a four-part series where we’re creating a checkout form application in Vue.js that can accept payments via the Stripe API. In part one, we looked at the concept of serverless functions, set one …

Image
Sarah Drasner on Updated on