Need help with blog?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

rauchg
621 Stars 85 Forks 100 Commits 3 Opened issues

Services available

!
?

Need anything else?

Contributors list

# 172
CSS
TypeScr...
nextjs
hyper
71 commits
# 3,409
nextjs
vercel
space-i...
Sass
4 commits
# 525
JavaScr...
TypeScr...
nextjs
React
3 commits
# 2,224
React
TypeScr...
vercel
json-vi...
3 commits
# 124,265
HTML
TypeScr...
Shell
Node.js
1 commit
# 79,100
nextjs
fetch
TypeScr...
vercel
1 commit
# 944
nextjs
TypeScr...
CSS
vercel
1 commit
# 4,911
React
JavaScr...
TypeScr...
ZEIT
1 commit
# 418,952
Rust
Shell
TypeScr...
1 commit
# 8,899
JavaScr...
Sketch
adobe
React
1 commit
# 268,321
HTML
React
Electro...
Windows
1 commit
# 105,550
Shell
vercel
ircv3
irc-cli...
1 commit
# 5,249
TypeScr...
vercel
React N...
fetch
1 commit
# 18,042
React
React N...
fetch
TypeScr...
1 commit

blog

This is the blog that powers

rauchg.com
, built on next.js and deployed to the cloud via Vercel.

How to run

First, install Vercel CLI.

Development

vc dev

Deployment

Staging

vc

This is the equivalent of submitting a PR with the GitHub integration

Production

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.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.