Who’s Domitrius Clark

Goal:

We should come out of this workshops with:

• A NextJS based portfolio where you’ll use
  • NextJS routes for our pages (Home / Posts / Projects )
  • Chakra-UI for styling
  • next-mdx-remote to source your blog posts locally
  • getStaticProps & getStaticPaths to source and display your blog posts

Steps

<aside> ‼️ The pages match the branches on the main repo if you need to bring down a working repo or see a working example

</aside>

1. Init your NextJS project and setup some configuration

2. Install and setup Chakra UI

3. Create Navbar and Layout components

4. Install and configure next-mdx-remote

5. Finish Home & Projects page styles

Resources