Brevifolia is a minimalist blog starter to get you going with Next.js.
This blog is statically generated by Next.js, a rendered combination of react components and markdown / json files. The styles were coded & designed by yours truly, using styled-jsx (which is inherently supported by Next.js). The font used is Work Sans.
In your terminal, navigate to where you would like this blog to live, then run
#clone the repo
git clone [email protected]:kendallstrautman/brevifolia-nextjs.git
#navigate to the directory
cd brevifolia-nextjs
#install dependencies & run dev server with yarn
yarn install
yarn develop
This will start a dev server, navigate to localhost:3000 to check it out.
- Site-level configuration is stored in
data/config.json
. - Edit styles within each component or page file within the
<style jsx>
tags. - Global styles live in the
Meta
component. src/posts/
contains all your markdown blog posts.src/static/
is where you images live and will get uploaded.src/pages
is where you page components live.- The blog pages are dynamically generated with a
slug
parameter. See the template insrc/pages/blog/[slug].js
. - The pages & template are comprised of components from
src/components
. - The routes are generated in
next.config.js
withexportPathMap