In this blog we will be building a Markdown based blog, we will be using MDX-bundler to parse our .mdx files, Tailwind to style it and Next will handle the rest.

Lets build a blog with TailwindCSS, MDX-bundler and Next

This blog talks about a method for adding proper SEO & Open Graph support for all the pages in your application by wrapping them inside a container.

Opinionated method for adding SEO to your Nextjs application

A detailed walkthrough for implementing auto advancing feature for your Embla Carousel.

Auto advancing Carousel component in Next JS.

A detailed walkthrough for setting up and using ChartJS a simple yet flexible charting library in your NextJS application.

Using ChartJS a charting library in your NextJS application

A detailed walkthrough for using TypeScript with your NextJS application.

Adding TypeScript support to your NextJS application

A detailed walkthrough for setting up and using Google Analytics in your NextJS application.

Adding Google Analytics to your NextJS application

A detailed walkthrough for setting up and using Embla Carousel in your NextJS application.

Adding Embla Carousel to your NextJS application

A detailed walkthrough for setting up and using TailwindCSS a utility-first CSS framework in your NextJS application.

Adding TailwindCSS to your NextJS application

A detailed walkthrough for setting up and using Preact a lightweight altrenative to React in your NextJS application.

Using Preact with your NextJS application

Recursive timeout function that can be used for timed events.

Recursive Timeout

Compile and bundler MDX files with mdx-bundler

Parsing MDX files with mdx-bundler

Animated slide in pane component with Framer Motion

Framer Motion

Using Google Analytics API to get page data.

LEARNNEXT

A collection of all things Next.

02.Recent Posts

03.Recent Snippets