In this post, I’ll show you how to pre-render pages using Vue and Nuxt. This method combines the convenient development experience of Vue without forfeiting critical features like social sharing or search engine optimization.

This tutorial assumes no experience with Vue or Nuxt. I’ll explain everything along the way.

The problem with Vue

Like Angular and React, Vue is a framework for building single-page apps (SPAs). While traditional websites force the browser to download a whole new page every time the user clicks a link within your site, SPAs keep everything on a single page. When the user navigates around your site, JavaScript simply draws a new page without pulling everything down from the server again. This cuts out slow network calls between the user’s browser and your web server, resulting in a user experience that feels speedy and smooth.

Like all Gladwell books, Outliers does an excellent job of building an engaging narrative out of topics that the average person might otherwise find inaccessible. His exploration into the causes of airline crashes was especially fascinating.

While it provides a nice collection of interesting stories, I didn’t feel like Outliers delivered on any meaningful overarching point.

Highlights

• A change to Zestful’s website boosted it to the front page of Google results within days.
• I’m going to try to make a better version of a decades’ old application for managing machine shops.
• I’m doing lots of coding to avoid talking to customers.

Goal grades

At the start of each month, I declare what I’d like to accomplish. Here’s how I did against those goals:

Publish a new blog post about eliminating distractions from email and social media

• Result: I published “Eliminating Distractions from Social Media, Email, and StackOverflow”
• Grade: A

I published this post as planned but was surprised how little a response it generated. I’ve had a string of posts that I knew were too narrowly-focused to get widespread attention, but I thought a blog post about focus in the age of social media would attract more interest.

You open Gmail to write a note to your friend. Before you begin, you notice that you’ve received six new messages. It pains you to leave emails unopened, so you read them immediately. Two hours later, you realize that you never wrote that note to your friend.

This happened to me constantly, and it wasn’t just Gmail. I’d look at my phone to check the time and find myself mindlessly checking 10 notifications. I’d open Facebook to look up someone’s birthday and fall into a zombie state scrolling through my News Feed.

Highlights

• I sold my first meal plan on Is It Keto.
• I then tried five different experiments for increasing sales.
• Is It Keto’s revenue dropped for the month as I redirected resources toward its failing meal plans.

Goal grades

At the start of each month, I declare what I’d like to accomplish. Here’s how I did against those goals:

Earn $100 in revenue from sales of keto meal plans

• Result: Earned only $23.87 from keto meal plan sales.
• Grade: D+

It turns out it’s really hard to get people to spend money on things that other sites offer for free. Despite my best efforts, I only managed to sell two meal plans, far lower than the volume I expected.