npm i -g nextbook
nextbook new blog
cd blog
npm i
nextbook serve
nextbook consists of 5 components: Layout, Navigation, NavigationBody, Content, and ContentBody.
To override default components, put components/sidebar
or components/content
like this:
// components/navigation.js
import { NavigationBody } from 'nextbook'
export default (summary) => (
<div>
foo
<NavigationBody summary={summary}/>
bar
</div>
)
// components/content.js
import { ContentBody } from 'nextbook'
export default (content) => (
<article>
head
<ContentBody content={content}/>
foot
</article>
)
Put components/layout.js
:
// components/layout.js
import { Navigation, Content } from 'nextbook'
export default ({ summary, content }) => (
<div>
<header>
<h1>THIS IS GLOBAL HEADER</h1>
</header>
<Navigation summary={summary}/>
<Content content={content}/>
</div>
)
If you wanna use customized Sidebar
or Content
, just import them:
import Sidebar from './sidebar'
import Content from './content'
MIT