• Stars
    star
    105
  • Rank 328,196 (Top 7 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 7 years ago
  • Updated over 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

A simple static blog powered by next.js

styled with prettier Build Status David

Next Static Blog

Start static then go server rendered when you need to

A simple static blog powered by next.js.

Before Using

This repo could be a good starting place for your simple Next.js powered static site. That said, there are other options out there that are more extensible, well maintained, and battle tested than this repo. Check them out: https://myles.github.io/awesome-static-generators/

Getting Started

  • Fork this repo
  • yarn
  • Edit config/index.js to your liking.
    • Get the best experience with config by adding a plugin to your text editor that will surface flow errors. This will ensure you're providing the expected types for your config values.
  • yarn dev
  • Write! 📝

Writting

  • Create a .md file in posts.
  • Add front matter separated by --- and the body of the post in markdown below:
---
title: Title
slug: slug
author: Your Name
date: 2017-6-10 15:00 PDT
tags:
  - tags
  - go here
---
## Post
Use markdown to _write_ your post
Here's some code:
```javascript
const a = 'thing';
```
  • While writing, run yarn dev to see your post live reload when saved.
  • Re-run yarn export to build your new site.

Default Build

screen shot 2017-08-25 at 2 26 18 pm

Updating Next Static

Currently Next Static is not packaged an distributed on NPM. In order to receive updates you will need to do something like this:

  • Inside the your fork git remote add upstream [email protected]:infiniteluke/next-static.git
  • git merge upstream master
  • To the extent that you hack Next Static, you will need to resolve merge conflicts.
  • I'm open to ideas on how to best package this and make the update process as simple as bumping versions.

More Repositories

1

dub-step

🕺🏽 Step through an index with style: Primitives for building step/index based UI widgets controlled by swipe, timers, and/or buttons in React.
JavaScript
63
star
2

react-reduce-motion

➰ A cross platform react hook that indicates whether a user's OS is configured to "Reduce motion" for accessibility purposes
JavaScript
38
star
3

actualplaid

Sync your Bank accounts to Actual Budget (unofficial support)
JavaScript
13
star
4

bassdrop

🔊 a downshift powered dropdown library for React VR
JavaScript
9
star
5

components-as-data-presentation

Components as Data: A Cross Platform GraphQL Powered Component API
JavaScript
9
star
6

wobbly

〰️ parallax all the things in React VR
JavaScript
6
star
7

todomvc-react-waterwheel

TodoMVC implementation in React/Redux that uses Drupal 8 as a store via Waterwheel.js
JavaScript
4
star
8

journey-through-react-vr

🕴 A journey through your favorite react libraries used in ReactVR
JavaScript
4
star
9

whois-emoji-website

Search WHOIS records for domains including emoji domains.
JavaScript
3
star
10

actual-menubar

A quick menu bar view of your Actual Budget categories
JavaScript
2
star
11

exciter

⚡️ A simple CRUD wrapper for DynamoDB ⚡️
JavaScript
2
star
12

bassdrop-example

🔊bassdrop examples in react vr
JavaScript
2
star
13

tp-slack

Grab the tp while you can
JavaScript
2
star
14

springtime-in-react-town

A presentation about React Spring and accessible animations
JavaScript
2
star
15

mdx-deck-intro

An introduction to MDX Deck talk I gave at Appfolio
JavaScript
2
star
16

cra-async-generators-example

An example of Create React App supporting async generators
JavaScript
1
star
17

proton-native-react-dom-comparison

JavaScript
1
star
18

emdaer-bug-cli-unexpected-token

1
star
19

dotfiles

1
star
20

wobbly-example

〰wobbly examples of parallax in VR
JavaScript
1
star
21

lukeherrington.com

The personal site of, me, Luke Herrington 👋🏻✨🏄🌐
CSS
1
star