https://github.com/rauchg/blog

https://github.com/rauchg/blog

Last synced: 4 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/rauchg/blog
• Owner: rauchg
• Created: 2017-01-03T00:13:15.000Z (about 8 years ago)
• Default Branch: main
• Last Pushed: 2025-01-03T20:35:56.000Z (24 days ago)
• Last Synced: 2025-01-17T04:02:14.290Z (11 days ago)
• Language: MDX
• Homepage: https://rauchg.com
• Size: 52.6 MB
• Stars: 1,260
• Watchers: 18
• Forks: 186
• Open Issues: 13
• Metadata Files:
  • Readme: Readme.md

Awesome Lists containing this project

• awesome-nextjs - Rauchg Blog - Blog built by a Next.js core maintainer. (Apps)
• fucking-awesome-nextjs - Rauchg Blog - Blog built by a Next.js core maintainer. (Apps)

README

        
# blog

This is the blog that powers `rauchg.com`, built on

[next.js](https://nextjs.org/) and

deployed to the cloud via [Vercel](https://vercel.com).

## How to run

First, install [Vercel CLI](https://vercel.com/download).

### Development

```

vc dev

```

### Deployment

#### Staging

```bash

vc

```

This is the equivalent of submitting a PR with the [GitHub integration](https://vercel.com/github)

#### Production

```bash

vc --prod

```

This is the equivalent of `git push` to `master` (or merging a PR to master)

## Architecture

### Pure components

Every stateless pure component is found under `./components`.

Every component that has to do with styling the post's markup

is found under `./components/post/`

These components make up the _style guide_ of the application.

### Blog posts

Every blog post is a static page hosted under `pages/$year/`.

This allows every post to load arbitrary modules, have custom layouts

and take advantage of automatic code splitting and lazy loading.

This means that the bloat of a single post doesn't "rub off on" the

rest of the site.

An index of all posts is maintained in JSON format as `./posts.json`

for practical reasons.