NEXT.js Starter Blog

Overview

NEXT.js Starter Blog

NEXT.js starter blog with MDX, Tailwind CSS, TypeScript, and pre-configured Development Environment with Husky, Lint Staged and Commitizen.

Tech Stack:

  • 👾 NEXT.js for the core
  • 🌀 Jotai for your app's state
  • 🧰 TypeScript
  • 📝 MDX for the Blog
  • 💅 Tailwind CSS for styling
  • 🌠 Framer Motion for animation
  • 💎 Prism to highlight your code blocks
You might also like...

NFT Game Starter Project: https://github.com/buildspace/buildspace-nft-game-starter

Running React on Repl.it React is a popular JavaScript library for building user interfaces. Vite is a blazing fast frontend build tool that includes

Feb 11, 2022

Node-cli-starter - Basic starter kit for building Node CLI applications with TypeScript.

node-cli-starter Minimal starter kit for building Node CLI applications with TypeScript. Getting Started To get started clone repo locally and run npm

May 17, 2022

GitHub starter project link: https://github.com/buildspace/waveportal-starter-project

Running React on Repl.it React is a popular JavaScript library for building user interfaces. Vite is a blazing fast frontend build tool that includes

Jun 5, 2022

Blog-sercannaya - react-next-sass-graphql

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

Jan 3, 2022

Um website completo desenvolvido com Next SSR, Typescript, Prismic CMS do tipo blog com diversas funcionalidades para interações entre os usuários.

Um website completo desenvolvido com Next SSR, Typescript, Prismic CMS do tipo blog com diversas funcionalidades para interações entre os usuários.

Título: Spacetraveling Descrição: Um website completo desenvolvido com Next SSR, Typescript, Prismic CMS do tipo blog com diversas funcionalidades par

Dec 21, 2022

⚡ Personal website and blog made using TypeScript, Next.js, Tailwind CSS.

⚡ Personal website and blog made using TypeScript, Next.js, Tailwind CSS.

小康 blog View Demo · Report Bug · Request Feature 🌍 honghong.me Framework: Next.js Database: Planetscale ORM: Prisma Authentication: NextAuth.js Deplo

Dec 31, 2022

Frontend of thisisbac blog. Technical stack: Next.js, ReduxToolkit, TailwindCss,...

Introduction ThisisBac frontend services are responsible for all interface actions related to ThisisBac Blog with technical stack Next.js, Redux Toolk

May 15, 2022

Stablo is a minimal blog website template built with Next.js, TailwindCSS & Sanity CMS

Stablo is a minimal blog website template built with Next.js, TailwindCSS & Sanity CMS

Stablo Blog Template - Next.js & Sanity CMS Stablo is a JAMStack Starter template built with Next.js, Tailwind CSS & Sanity CMS by Web3Templates. Clic

Dec 30, 2022

Fast blog website using Next.js and GraphCMS :rocket:

Fast blog website using Next.js and GraphCMS :rocket:

GraphCMS Headless Blog Live Site Stay up to date with new projects New major projects coming soon, subscribe to the mailing list to stay up to date ht

Jun 14, 2022
Comments
  • fix icon & owner name

    fix icon & owner name

    At initial load, when theme is empty in local storage it show a wrong icon for the dark mode button

    image

    And the name in hero section, I think is better if also follow the title

    image

    opened by hendraaagil 3
  • MDX Helpers

    MDX Helpers

    Create helpers to read mdx files inside of @/data/blog directory

    • [x] Create a function to read directory path with node.fs and node.path
    • [x] Create function to read every single files ends with .mdx (all posts)
    • [x] Create function to read a single files ends with .mdx (slug post)
    enhancement 
    opened by rizkimcitra 1
  • next-translate

    next-translate

    Hello!

    First of all, thank you very much for your code, it is indeed the best presented blog I could find for next.js! I wanted to ask if it is possible to implement next-translate on a future version, in order to be able to create a multilingual blog. I try on my side, that said even if I have some knowledge and facilities, I am not a developer by trade and I haven't been learning for so long! My main difficulty at this stage is how to retrieve the articles according to the language chosen by the user, I'm sure it's possible by keeping the same base, that said I don't have the knowledge

    opened by PxlSyl 1
  • MDX Components

    MDX Components

    Default Blog UI was neat, but it has to be more cool with preconfigured default element like <blockquote> element.

    TO DO:

    • [x] MDX Component for <a /> tag
    • [x] MDX Component for <pre /> tag, which is long code snippet
    • [x] MDX Component for <code /> tag, which is short code snipper
    • [x] MDX Component for <blockquote /> tag
    • [ ] MDX Component for <img /> tag
    • [ ] MDX Component for table of contents
    • [ ] MDX Component for headings to have a property of id with rehype plugin, which is rehype-slug
    enhancement help wanted 
    opened by rizkimcitra 2
Owner
Rizki Maulana Citra
I love JS but ain't TypeScript is cool?
Rizki Maulana Citra
Starter template for a personal website blog, built with Next.js, MDX, and Tailwind CSS.

nextjs-mdx-blog-theme View: demo site Framework: Next.js Deployment: Vercel Content: MDX Styling: Tailwind CSS Running Locally $ git clone https://git

Alex Carpenter 18 Dec 26, 2022
NEXT.js Starter Blog

NEXT.js starter blog with MDX, Tailwind CSS, TypeScript, and pre-configured Development Environment with Husky, Lint Staged and Commitizen

Rizki Maulana Citra 30 Jan 1, 2023
🐳 !mportantImport's Next-Gen Blog Starter. [WIP]

Hsno[hoɕino] ?? !mportantImport's Next-Gen Blog Starter. [WIP]    Open in Stackblitz        Run in Codeflow        Fork    This project is currently u

!mportantImport 5 Oct 31, 2022
Gatsby-blog-cosmicjs - 🚀⚡️ Blazing fast blog built with Gatsby and the Cosmic Headless CMS 🔥

Gatsby + Cosmic This repo contains an example blog website that is built with Gatsby, and Cosmic. See live demo hosted on Netlify Uses the Cosmic Gats

Priya Chakraborty 0 Jan 29, 2022
This is a blog built with sveltekit, tailwind and daisyUI, made to be used as my personal blog.

svelte-blogger This is a blog built with sveltekit, tailwind and daisyUI, made to be used as my personal blog. This app also use graphql and use markd

lipe 6 Jun 23, 2022
Gatsby-starter-minimal-blog - Typography driven, feature-rich blogging theme with minimal aesthetics.

Gatsby-starter-minimal-blog - Typography driven, feature-rich blogging theme with minimal aesthetics. Includes tags/categories support and extensive features for code blocks such as live preview, line numbers, and line highlighting.

Priya Chakraborty 0 Jan 29, 2022
Remix starter for a Contentful blog (template) project

Contentful Remix Starter Blog Create a Remix blog powered by Contentful. Based on the contentful gatsby starter blog repo. Getting started Get the sou

Marco Link 18 Dec 15, 2022
Bookworm is a minimal NextJs Tailwind blog starter template.

Bookworm Light Nextjs Blog Template ????View Live Preview Download Download this template from Github Installation After downloading the template, you

Themefisher 46 Dec 23, 2022
Notion-powered blog starter with Nextjs and Tailwind

Nextjs Notion Blog Starter Default demo - Deployed from main branch Blog setup - I wrote an article on how to use this starter to start your blog My p

Tuan Phung 94 Dec 29, 2022
Notion-powered blog starter with Nextjs and Tailwind

Nextjs Notion Blog Starter Default demo - Deployed from main branch Blog setup - I wrote an article on how to use this starter to start your blog My p

Tuan Phung 63 Oct 11, 2022