Portfolio Blog V2 (Revamped)

Building Blocks

To build a site similar to this, consider changing the LICENSE file first. The following frameworks/tools are used to build this site:

• Framework: Next.js
• Database: PlanetScale
• ORM: Prisma
• Authentication: NextAuth.js
• Deployment: Vercel
• CMS: Sanity
• Styling: Tailwind CSS

File Structure Overview

• layouts/* - The different page layouts each MDX category (blog, 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/sitemap.xml.tsx - Automatically generated sitemap.
• pages/feed.xml.tsx - Automatically generated RSS feed.
• pages/* - All other static pages.
• prisma/* - My Prisma schema, which uses a PlanetScale MySQL database.
• public/* - Static assets including fonts and images.
• styles/* - A small amount of global styles. I'm mostly using vanilla Tailwind CSS.

Local setup

This application requires Node.js v16.13+.

$ git clone https://github.com/codewithdev/codewithdev-vercel.git
$ cd codewithdev-vercel
$ yarn
$ yarn dev

You will see the local build running on http://localhost:3000/

Before you run local build

• Create .env file and populate the API key and secrets used to successfully run the local build.

Cloning / Forking

Please review the license and remove all of my personal information (resume, blog posts, images, etc.).