leerob.io

Framework: Next.js
Database: PlanetScale
ORM: Prisma
Authentication: NextAuth.js
Deployment: Vercel
Content: MDX
Styling: Tailwind CSS

Learn More

I've recorded two live streams walking through this repository and answering questions.

data/* - MDX data that is used for blogs, newsletters, and code snippets.
layouts/* - The different page layouts each MDX category (blog, newsletter, snippets) uses.
lib/* - Short for "library", a collection of helpful utilities or code for external services.
pages/api/* - API routes powering /dashboard, newsletter subscription, guestbook, and post views.
pages/blog/* - Static pre-rendered blog pages using MDX.
pages/dashboard - Personal dashboard tracking metrics.
pages/* - All other static pages.
prisma/* - My Prisma schema, which uses a PlanetScale MySQL database.
public/* - Static assets including fonts and images.
scripts/* - Two useful scripts to generate an RSS feed and a sitemap.
styles/* - A small amount of global styles. I'm mostly using vanilla Tailwind CSS.

$ git clone https://github.com/leerob/leerob.io.git
$ cd leerob.io
$ yarn
$ yarn dev

Create a .env file similar to .env.example.

Name		Name	Last commit message	Last commit date
Latest commit History 526 Commits
components		components
data		data
layouts		layouts
lib		lib
pages		pages
prisma		prisma
public		public
scripts		scripts
styles		styles
.env.example		.env.example
.eslintrc		.eslintrc
.gitignore		.gitignore
.prettierignore		.prettierignore
LICENSE.txt		LICENSE.txt
README.md		README.md
contentlayer.config.ts		contentlayer.config.ts
next-env.d.ts		next-env.d.ts
next.config.js		next.config.js
package.json		package.json
postcss.config.js		postcss.config.js
tailwind.config.js		tailwind.config.js
tsconfig.json		tsconfig.json
vercel.json		vercel.json
yarn.lock		yarn.lock