Skip to content

Next.js

0 points

Basics

Excel

TypeScript

If you’re continuing from the basics lessons, you can skip this page. Click the button below to go to the next page.

Next

Download Starter Code (Optional)

If you’re NOT continuing from the basics lessons, you can download, install, and run the starter code for this lesson below. This sets up a nextjs-blog directory such that it’s identical to the result of the basics lessons.

Again, this is NOT necessary if you’ve just finished the basics lessons.

npm init next-app nextjs-blog --example "https://github.com/zeit/next-learn-starter/tree/master/basics-final"

Then follow the instructions from the command output (cd into the directory and start the development server).

You should also update the following files:

  • public/images/profile.jpg with your photo (Recommended: 400px width/height).
  • const name = '[Your Name]' in components/layout.js with your name.
  • <p>[Your Self Introduction]</p> in pages/index.js with your self introduction.
PrevNext