10.05.2018 Views

Web_Designer_UK__May_2018

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

10 BEST STATIC SITE GENERATORS<br />

5. NUXT<br />

https://nuxtjs.org<br />

PRO : UseNUXTtotake<br />

advantage of Vue.js for your<br />

static sites<br />

Vue.js has gained immense popularity<br />

as a front-end framework in recent<br />

years, due to its combination of a<br />

gentle learning curve, high<br />

performance and powerful feature set.<br />

Nuxt.js is actually a framework for<br />

creating server-rendered Vue<br />

applications – that is, dynamic pages<br />

which are rendered by the server<br />

6.<br />

7. PELICAN<br />

http://docs.getpelican.com<br />

before being passed in their<br />

completed form to the client to display.<br />

However, it can also be use to build<br />

static sites, with a command line<br />

parameter that will build static<br />

HTML pages for all routes through a<br />

Vue project.<br />

Since Nuxt is a Vue framework,<br />

familiarity with Vue will be necessary<br />

to use it, but developers who have<br />

worked with Vue before will feel right<br />

at home. And, like Vue, it also brings a<br />

component-based approach to<br />

development of your sites.<br />

5.<br />

6. MKDOCS<br />

www.mkdocs.org<br />

PRO : MkDocs might well be the<br />

easiest way to create websites for<br />

project documentation<br />

MkDocs is more specialised than the<br />

tools we’ve looked at up until now. It<br />

sets out with one very simple<br />

objective in mind: to provide a fast<br />

and easy-to-use way to generate<br />

HTML sites for project<br />

documentation. And it absolutely<br />

succeeds at doing this. It’s built in<br />

Python, so you’ll need Python and<br />

pip (Python package manager)<br />

installed to get it.<br />

After that, getting started is easy.<br />

Documentation is written in<br />

Markdown, and the tool is<br />

configured using a single YAML file.<br />

The command-line build process is<br />

as simple as it could be.<br />

The MkDocs GitHub page<br />

includes a number of themes which<br />

are specially designed for<br />

documentation, or you can build<br />

HTML for your own theme.<br />

MkDocs is one of the easiest<br />

static site generators to get started<br />

with, and if documentation is your<br />

use case, there really isn’t much<br />

cause to look at other tools.<br />

PRO : Pelican is a highly popular<br />

static blog generator built in<br />

Python<br />

Pelican supports content written in<br />

multiple languages, including the<br />

ubiquitous Markdown. It uses the Jinja<br />

templating engine, which is both easy<br />

to use and extremely powerful,<br />

meaning that while Pelican is primarily<br />

optimised for building blogs, it is also<br />

well suited to building a wide range of<br />

different types of other sites. It’s also<br />

fast, and can comfortably handle sites<br />

with thousands of pages without<br />

making you wait for them to build.<br />

Like many of the leading static site<br />

generators, Pelican allows you to<br />

import your site from a variety of<br />

blogging platforms. This makes it<br />

trivial to convert an existing site built<br />

with WordPress or many other<br />

popular content management<br />

systems. If you’re familiar with<br />

Python, and especially if you’ve used<br />

7.<br />

Jinja templates before, Pelican is a<br />

very safe choice.<br />

Conversely, however, it may be a<br />

little harder to get to grips with for<br />

developers who are more familiar with<br />

JavaScript or Ruby.<br />

“ WHILE PELICAN IS<br />

PRIMARILY<br />

OPTIMISED FOR<br />

BUILDING BLOGS, IT<br />

IS ALSO WELL-<br />

SUITED TO BUILDING<br />

A WIDE RANGE OF<br />

DIFFERENT TYPES OF<br />

OTHER SITES ”<br />

feature _________________________________________________77

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!