How to power your own blog running on the awesome Next js framework with Tailwind CSS for utility driven styling, the react-markdown library to render your content and the Typora Markdown editor to write and visualize your markdown together.

Building your own Next js Markdown blog with Tailwind CSS, React Markdown and Typora

Demonstrating how to use Tailwind CSS to make sure the footer starts at the bottom of the screen even if there is no content in the body. Using Next.js for the demo app.

How to make the footer start at the bottom of the screen with Tailwind CSS

Python script to read a sitemap, collect updated urls and submit them to Bings IndexNow Api

Submitting Bing IndexNow url requests for updated sitemaps using Python

How to use react-markdown and react-syntax-highlighter libraries to highlight and style code blocks written in static Markdown files when rendering on a React page.

Highlight code blocks in Markdown files with React-Markdown and React-Syntax-Highlighter libraries

Why Tailwind UI - the Tailwind CSS based component example library from the creators of tailwind css is definitely worth the money.

Is Tailwind UI worth the price? Yes it is!

Using Next.js as a demo app to show how to turn off Tailwind Typography CSS styling for html pre tags so we can use custom styling using libraries like react-syntac-highlighter.

How to turn off Tailwind Typography CSS styling for pre tags to use custom styling

How to properly insert JavaScript script tags either at the top or bottom of the body html of a Next.js app by adding a _document.js file.

Contact