This is the code for the website at Hunting Mirages dot com.
This site is built using the Next.js Static Generation feature with markdown files as a blog data source.
The blog posts are stored in /_posts as markdown files with front matter support. Adding a new markdown file in there will create a new blog post.
To create the blog posts we use remark and remark-html to convert the markdown files into an HTML string, and then send it down as a prop to the page. The metadata of every post is handled by gray-matter and also sent in props to the page.
This code base targets Node V12.22.x lts/erbium.
Install nvm to manage multiple node versions. then do
nvm use
nvm installTo run the site locally for develpment:
npm install
npm run devYour website should now be up and running on http://localhost:3000.
The master branch of this repository is automatically published to the live website via Netlify.
This website uses Tailwind CSS. To control the generated stylesheet's filesize, this example uses Tailwind CSS' v1.4 purge option to remove unused CSS.