alexcarpenter / nextjs-mdx-blog-theme

Starter template for a personal website blog, built with Next.js, MDX, and Tailwind CSS.

Home Page:https://nextjs-mdx-blog-theme.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Deploy with Vercel

nextjs-mdx-blog-theme

Running Locally

$ git clone https://github.com/alexcarpenter/nextjs-mdx-blog-theme
$ cd nextjs-mdx-blog-theme
$ npm install
$ npm run dev:watch

Styling

To organize Tailwind CSS light and dark styles on elements, we make use of cx utility as an array. The first string contains the base styles, the second string is for light mode styles, and lastly the third string is for dark mode styling.

import { cx } from '@/lib/utils'

<div
  className={cx(
    'p-4', // base styles
    'text-gray-900', // light mode styles
    'dark:text-gray-50'. // dark mode styles
  )}
/>

About

Starter template for a personal website blog, built with Next.js, MDX, and Tailwind CSS.

https://nextjs-mdx-blog-theme.vercel.app


Languages

Language:TypeScript 86.0%Language:CSS 11.6%Language:JavaScript 2.4%