0.0.6 • Published 10 years ago

nail-static-react v0.0.6

Weekly downloads
3
License
ISC
Repository
github
Last release
10 years ago

#Static React (nail-static-react) Create static pages and sites using React components with John Henry's Hammer

#Dependencies This file use react components as templates. Please install react, or any other dependencies within your project upon which these components depend.

##ManualInstallation Most nails can be installed automatically see John Henry's Hammer. This nail, however, makes heavy use of babel-register, which is know to fail as a dependency of other modules. As such, please install this manually:

###Manual Installation: Clone

From within your project, clone this project using git.

git clone git@github.com:johnhenry/nail-static-react.git

OR

git clone https://github.com/johnhenry/nail-static-react.git

###Manual Installation: Navigate to the folder and install npm dependencies

cd nail-static-react
npm install

###Manual Installation: Nailfile

In your nailfile, point directly to the local installation like this:

{
  "nails" : [{
      "plugin" : "./nail-static-react"
    }]

}

NOT This:

{
  "nails" : [{
      "plugin" : "nail-static-react"
    }]

}

##Options

  • source:object - source data for react component. (Defaults to {}).
  • destination:string - destination file (Defaults to "index.html")
  • component:string - location of react component to render
  • attach: - list of script and styles to attach to head of generated page.
  • embed: - list of script and styles to embed within head of generated page.
  • attachbody: - list of script and styles to attach to body of generated page.
  • embedbody: - list of script and styles to embed within body of generated page.
  • mode:string - set to 'blog' to create static blog rather than a single page. (Defaults to "single")

##Blog Mode Setting the mode to "blog" modifies some options and introduces some new ones

###Modified Options

  • component:string - location of component used to render index pages for the blog
  • source:string - directory of markdown files Defaults to './markdown'
  • destination:string - destination folder relative to nailfile directory

###New Options

  • postcomponent:string - location of component used to render individual post pages for the blog
  • itemsperpage:number - number of posts to include per index page (Defaults to 3)
  • reverse :boolean -- create pages in reverse order (defaults to false),

###Data Passed to Index When creating a blog, the component will have access to an object with each of the following properties for every index page.

index :number - index of page posts : - an array of posts last :boolean - indicator as to whether or not the post is the last one

###Data Passed to Post When creating a blog, and object with specific keys will given to the component described in "component" to render.

index:number - index of post post:Post - the current post next:Post - the next post prev:Post - the previous post

0.0.6

10 years ago

0.0.5

10 years ago

0.0.4

10 years ago

0.0.3

10 years ago

0.0.2

10 years ago

0.0.1

10 years ago

0.0.0

10 years ago