I’ve used Hugo to generate my site. Actually Next.js is now very popular as JAMStack and I’m interested in React. So to learn Next.js I tried to migrate my site from hugo to Next.js.

This article is the way to do it.

Me?

I’ve been using Nuxt.js based on Vue for my private projects. I’m getting familiar with v3 composition API. As for UI framework, Vuetify.

Boilerplate

npx create-next-app nextjs-blog --use-npm --example "https://github.com/vercel/next-learn-starter/tree/master/basics-final"

npx create-next-app nextjs-blog --use-npm --example "https://github.com/vercel/next-learn-starter/tree/master/typescript-final"

h2

• JSX
• styled-components

h3

h1

h2