madebyoz / 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.