https://github.com/linuxfandudeguy/blog

https://github.com/linuxfandudeguy/blog

blog blogging blogs eslint jsx mdx nextjs tailwindcss tsx typescript vercel vercel-deployment

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/linuxfandudeguy/blog
• Owner: linuxfandudeguy
• Created: 2024-09-09T23:51:02.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-11-04T01:25:34.000Z (2 months ago)
• Last Synced: 2024-11-04T02:19:13.244Z (2 months ago)
• Topics: blog, blogging, blogs, eslint, jsx, mdx, nextjs, tailwindcss, tsx, typescript, vercel, vercel-deployment
• Language: MDX
• Homepage: https://lelbois-blog.vercel.app/
• Size: 25 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# blog







![Vercel Deployment Status](https://vercelbadge.vercel.app/api/linuxfandudeguy/blog?style=flat) ![Dynamic JSON Badge](https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Fraw.githubusercontent.com%2Flinuxfandudeguy%2Fblog%2Frefs%2Fheads%2Fmain%2Fpackage.json&query=%24.version&logo=npm&label=version)

A blog with Next.js 13 app dir, Contentlayer, Tailwind CSS and dark mode.

cloned from [shadcn/next-contentlayer](https://github.com/shadcn/next-contentlayer/)

# this is my blog

My blog was cloned from a vercel template and I fell in love with it because it was more customizable then Blogger, but the designs were good enough so it didn't need any customization.

Here is the templete repo url:

[**shadcn/next-contentlayer**](https://github.com/shadcn/next-contentlayer/)

# story

I was just casually scrolling around in Next.js Vercel deployment templates, when all of a sudden I came across `nextjs-contentlayer`.

I cloned it to a private repository, and begin making changes.

I immediately fell in love with this thing, originally my blog was on blogger and looked... still good but not as good.

###### A picture of my old blog, which I will keep up for occasional posts located at     https://lelbois.blogspot.com/

My new blog is **loaded** with stuff, Tailwind, Next.js, 

Oh yeah, did I mention that the blogs posts are written with `MDX`, (Markdown's Version of JSX) and the layouts are written with TypeScript JSX.

This is also **linted** Because if you look in the contents of the repo, you can see a `.eslintrc.json` file which is the main configuration file for `eslint`, Also the file is only **3 lines long**.

```json

{

  "extends": "next/core-web-vitals"

}

```

This is just stuff generated by Next.js.

This is absolutely unbelievable, I love it!

Not only that, the pages are automatically generated and listed on the `index` blog page, this has to be the best thing I have ever seen done with Vercel, without any backend application.

> contents of the `layout.tsx` file in the blog

You should use it for your blog now.