braydoncoyer / braydoncoyer.dev

My portfolio powered by Next.js, content sourced from Notion, styled with Tailwind CSS and deployed on Vercel. 🙌

braydoncoyer.dev

• Framework: Next.js
• Styling: Tailwind CSS
• Content: Notion API
• Database: Supabase
• Open Graph Images: Cloudinary
• Newsletter: Revue
• Deployment: Vercel

Project Overview

• components/* - Various components used throughout the site.
• layouts/* - The different layout options available to use on each page.
• lib/* - Short for "library", a collection of helpful utilities or code for external services.
• pages/api/* - API routes powering article reactions, article views, /stats, newsletter subscription, and to generate a sitemap.
• pages/blog/* - Static pre-rendered blog pages that fetch information from the Notion API.
• pages/stats - Site statistics about my website.
• pages/* - All other static pages.
• public/* - Static assets including robots.txt
• styles/* - A handful of global styles, and reusable classes utilzing @apply with Tailwind.
• data/* - a simple object containing global data about the site.

Running Locally

$ git clone https://github.com/braydoncoyer/braydoncoyer.dev.git
$ cd braydoncoyer.dev
$ npm install
$ npm run dev

Create a .env file similar to .env.example and include the appropriate keys.

Notion Article Template

Duplicate the following Notion database, grab the database ID and add it to the environment variables in the .env file.