Updating to Nextra

Updatied my site to Nextra

Reasoning Wanted to use images in my blog

Working Notes

After Nextra Update Checklist

• Update the theme.config.js

• Make the features shown on https://nextra.site/ available

• Do some design changes in figma and code the ideas out

• Think about what’s next for the technology I’m learning about

Notes on the process

Working through the checklist

• Update the theme.config.js

  • I wish there were more setting available here.

  • Digging the sytax highlighting and images 😄

• Make the features shown on https://nextra.site/ available

  • Some features are just for the docs theme so I’ll stick to what I need for the blog. First I’ll need to get search going. Wait, search doesn’t appear to be available for the Blog Theme, just the Docs Theme 🙁 or maybe I just haven’t figured to a way to add this.

  • It seems like most of the links on https://nextra.site/ direct you to the Docs Theme

• Do some design changes in figma and code the ideas out

  Here’s a design, that I would like to apply to my site.

Adding my name and an icon to the header, moving the menu items above the page title

Some things I would expect to work while updating my website header

• Inspecting elements in my browser and then finding them in my repo. 🕵🏻‍♀️

Searching in the repo doesn’t reveal an <h1>, About keywords or any kind of data binding. The index.mdx is the default homepage and also the About page. I’ll have to dig in more as to how the code is generating the markup for the site.

Alright so what I am trying to do?

• Think about what’s next for the technology I’m learning about