https://github.com/braydoncoyer/braydoncoyer.dev

My portfolio powered by Next.js, content sourced from Notion, styled with Tailwind CSS and deployed on Vercel. 🙌
https://github.com/braydoncoyer/braydoncoyer.dev

blog cloudinary nextjs notion-api notion-blog portfolio-website react supabase tailwind-css tailwindcss vercel

Last synced: 42 minutes ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/braydoncoyer/braydoncoyer.dev
• Owner: braydoncoyer
• Created: 2020-10-21T14:08:31.000Z (almost 4 years ago)
• Default Branch: v3
• Last Pushed: 2024-09-13T01:34:43.000Z (12 days ago)
• Last Synced: 2024-09-22T14:02:25.764Z (2 days ago)
• Topics: blog, cloudinary, nextjs, notion-api, notion-blog, portfolio-website, react, supabase, tailwind-css, tailwindcss, vercel
• Language: TypeScript
• Homepage: https://braydoncoyer.dev/
• Size: 43.5 MB
• Stars: 566
• Watchers: 4
• Forks: 90
• Open Issues: 8
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![A preview of my revamped blogfolio](https://res.cloudinary.com/braydoncoyer/image/upload/v1639000556/new_blogfolio_igoj09.png)

# braydoncoyer.dev

- **Framework**: [Next.js](https://nextjs.org/)

- **Styling**: [Tailwind CSS](https://tailwindcss.com/)

- **Content**: [Notion API](https://developers.notion.com)

- **Database**: [Supabase](https://supabase.com)

- **Open Graph Images**: [Cloudinary](https://cloudinary.com)

- **Newsletter**: [Revue](https://www.getrevue.co)

- **Deployment**: [Vercel](https://vercel.com)

## 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](https://nextjs.org/docs/api-routes/introduction) powering article reactions, article views, [`/stats`](https://braydoncoyer.dev/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](https://braydoncoyer.dev/stats) 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

```bash

$ 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](https://www.notion.so/0d3e00c6bbe54231897b9fcbc7747f78?v=4d7f0006d9a144b5bd8b9251f2ec39cd), grab the database ID and add it to the environment variables in the `.env` file.