NextJS and Markdown Blog Website

Summary

A static blog website created with Next JS plus Markdown files. Styled with the Daisy UI Tailwind CSS library.

I have also used:

• Roboto Font
• Heroicon Icons
• Material Icons
• Tailwind Typography

This website demonstrates some features from Next JS:

• Next Image
• Next Link
• Next Head
• getStaticProps
• getStaticPaths
• Page Routing
• Components

Tech and Tools

• JavaScript
• CSS
• HTML
• Next JS
• Daisy UI
• GitHub
• Vercel
• Markdown

Sample Markdown File Code

Front Matter

---
title: 'Writing Great Unit Tests'
date: 'March 12, 2021'
excerpt: 'We will look at 10 simple tips and tricks on writing unit tests in JavaScript'
cover_image: '/images/posts/img7.jpg'
---

Body Content

Here is some dummy content to demonstrate markdown format.

Lorem [markdownum](http://insunt.org/inpositaque), et sanguine rutilos dixit
nigro cornu genus duris linguae. Super hic deus ego adveniens nullumque Venerem
equis aurem aliisque celare densis dextramque similis **post**: mihi rexerat;
bis.

1. Scinditur annos
2. Talia verba
3. Habet delata villis domui
4. Geminum viscere deum et utque

## Magnorum nulla avertit pedem neque monimenta terram

Quo numquam, nunc [concussaque](http://mox-cunctos.net/), hora effugit mihi,
pectore. Hinc fausto, circumspicit cadas; virilibus rapui, timidum rorat cuique
animorum ac! Quem sit. Venit qui, rex sibi tota, peto _fortis ira suis_ dolusque
simulatque [incipit crudelesque
pavens](http://www.corpora.com/terrae-oscula.html) spatiosa conlegit oscula
equam.

- Tristis natorum ora talia patriis famae naidas
- Deus scilicet male miliaque noctisque invenio Nilum
- Efficerentque devexaque foret haec leve ab fertilis

Demo

Open demo on Vercel.

Link to Demo

Repo

Open GitHub Repository to view full source code.

Link to Repo