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. Photography from Unsplash.
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