A forkable Next.js site w/ a blank custom Nextra theme (w/Tailwind)

Related tags

React nextjs nextra
Overview

Nextra Blank Custom Theme/Boilerplate Example

A nearly blank MDX blog/content site powered by a custom Nextra theme (see components/layout.js) w/Tailwind already setup.

The post list for the blog index in pages/index.js comes out of ./posts.json. If you wanted to get the Nextra page map to use on the index page, you could make a blank pages/index.mdx and move that "page" component into components/layout (just check for route === '/') and render it).

Anyways, hopes this helps. Nextra rocks for static content.

You might also like...

Source code for my tutorial on how to build customizable table component with React Table and Tailwind CSS.

Source code for my tutorial on how to build customizable table component with React Table and Tailwind CSS.

React Table + Tailwind CSS = ❤️ Source code for my tutorial on how to build customizable table component with React Table and Tailwind CSS. Both parts

Jan 7, 2023

Nextjs CRUD with React Context API and Tailwind CSS

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Sep 25, 2022

This is a movie app project using imdb database created by nextjs and tailwind css.

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Dec 24, 2021

Turborepo with Tailwind CSS setup for shared ui components.

Turborepo starter This is an official Yarn v1 starter turborepo. What's inside? This turborepo uses Yarn as a package manager. It includes the followi

Jan 2, 2023

Simple React Social Network, built with React,Node,Express,MongoDB and Tailwind

Simple React Social Network, built with React,Node,Express,MongoDB and Tailwind

Full stack react social network application A mini social network application built with React,Typescript, Redux, Node, Express, MongoDB, and Tailwind

Dec 19, 2022

A website built with React, Redux, and Tailwind for styling. The project is displaying a list of books, adding, and removing books.

A website built with React, Redux, and Tailwind for styling. The project is displaying a list of books, adding, and removing books.

Bookstore "Bookstore" is a website built with React, Redux, and Tailwind for styling. The project is displaying a list of books, adding, and removing

Dec 19, 2022

Demo of settingup tailwind 3 (cli) with emberjs

tailwind-setup-demo This README outlines the details of collaborating on this Ember application. A short introduction of this app could easily go here

Aug 28, 2022

⚛️ 🚀 A progressive static site generator for React.

⚛️ 🚀 A progressive static site generator for React.

You are viewing the docs for v7 of React Static. You can browse all historical versions via Github branches! React Static A progressive static-site ge

Dec 27, 2022

Demo site build in Umbraco v.9.0.0-beta004 and .NET Core 5.0

Demo site build in Umbraco v.9.0.0-beta004 and .NET Core 5.0

Umbraco v9 Demo Demo site build in Umbraco v.9.0.0-beta004 and .NET Core 5.0. About this solution: This is a demo site for Umbraco v9 build in the new

Dec 18, 2022
Comments
  • Proposal: Embed the metadata in mdx file frontmatter

    Proposal: Embed the metadata in mdx file frontmatter

    This way, instead of having the posts.json that lists everything in detail, we embed these metadata in frontmatter of each mdx files.

    For example,

    ---
title: Another One
slug: /blog/another-one
date: June 16, 2020
---

    @jaredpalmer What do you think?

    opened by YikSanChan 1
  • Will anchor links and code highlight be considered a good addition to have to this template?

    Will anchor links and code highlight be considered a good addition to have to this template?

    Hi @jaredpalmer,

    The template is very clean and I like it. While considering migrating my nextra-theme-blog blog to this one, I find two missing pieces:

    • anchor links
    • code highlight (so far it has dark background but it doesn't render different programming languages differently)

    I am looking into adding the 2 supports. Do you think they are considered a good addition to this template? As I feel these are quite common needs.

    Thanks!

    opened by YikSanChan 0
Owner
Jared Palmer
Founder @turborepo. Author of Formik, Razzle, TSDX, and other goodies.
Jared Palmer
GitHub
Getir.com-react-tailwind - Getir.com anasayfa react + tailwind front-end

Getir.com React + Tailwind Front-end Bir gece uğraşı olarak getir.com'un anasayf

Tayfun Erbilen 102 Dec 17, 2022
Starter kit with Next.js, Chakra-UI, Framer-Motion in Typescript. Internationalization, SEO, Components, Theme (dark/light) and more...

Typescript Next.js Chakra-UI Framer-Motion Starter Kit Start with a powerful template ⚡️ Table of contents Getting started Paths & Files Useful depend

Alexandre Gossard 40 Jan 7, 2023
Build Google 2.0 with Tailwind CSS & Next.js for Education Purpose..

Paradise of Creativity Parimal Nakrani This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server:

Parimal Nakrani 1 Dec 21, 2021
Build Instagram 2.0 with Next.js (Firebase v9, Tailwind CSS, NextAuth, Recoil) for the Education Purpose..

This example shows how to use Tailwind CSS (v3.0) with Next.js. It follows the steps outlined in the official Tailwind docs.

Parimal Nakrani 1 Dec 24, 2021
Creating this clone to learn the fundamentals of Next Js and Tailwind CSS.

Next.js + Tailwind CSS Example This example shows how to use Tailwind CSS (v3.0) with Next.js. It follows the steps outlined in the official Tailwind

Premveer Tomar 2 Feb 2, 2022
This is a movie app created by next.js and tailwind css using imdb database.

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Sahand Ghavidel 1 Dec 26, 2021
This simple and small react component can check your repository stars and change theme on light/dark

Repository metrics for react This beauty and easy (4KB) react component can help you add metrics to your repositories also you can change component th

Koma Human 2 Jun 25, 2022
Dynamic, theme-driven, style props for vanilla-extract.

Rainbow Sprinkles ?? Dynamic, theme-driven, style props for vanilla-extract. Rainbow sprinkles works similarly to @vanilla-extract/sprinkles. Like spr

Wayfair Tech 90 Dec 23, 2022
Dynamic, theme-driven, style props for vanilla-extract.

Rainbow Sprinkles ?? Dynamic, theme-driven, style props for vanilla-extract. Rainbow sprinkles works similarly to @vanilla-extract/sprinkles. Like spr

Wayfair Tech 37 May 11, 2022
Next-multipart - Easy & Simple File Uploads for Next.js

Next-Multipart Next-multipart is a small utility library to ease the process of file uploads with Next.js. It uses formidable under the hood, but with

Tim Raderschad 10 Nov 11, 2022