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.

$ 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.

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

Name		Name	Last commit message	Last commit date
Latest commit History 274 Commits
.frontmatter/database		.frontmatter/database
.husky		.husky
assets		assets
components		components
data		data
layouts		layouts
lib		lib
pages		pages
public		public
scripts		scripts
static		static
styles		styles
.env.example		.env.example
.env.production		.env.production
.eslintrc		.eslintrc
.gitignore		.gitignore
.prettierignore		.prettierignore
README.md		README.md
frontmatter.json		frontmatter.json
middleware.ts		middleware.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