SL Tourism Project

Let's Go!!!

It follows the JAMstack architecture by using Git as a single source of truth, and Netlify for continuous deployment, and CDN distribution.

Features

A simple landing page with blog functionality built with Netlify CMS
Editabe Pages: Landing, About, Product, Blog-Collection and Contact page with Netlify Form support
Create Blog posts from Netlify CMS
Tags: Separate page for posts under each tag
Basic directory organization
Uses Bulma for styling, but size is reduced by purge-css-plugin
Blazing fast loading times thanks to pre-rendered HTML and automatic chunk loading of JS files
Uses gatbsy-image with Netlify-CMS preview support
Separate components for everything
Netlify deploy configuration
Netlify function support, see src/lambda folder
Perfect score on Lighthouse for SEO, Accessibility and Performance (wip:PWA)
..and more

Prerequisites

Node (I recommend using v8.2.0 or higher)
Gatsby CLI
Netlify CLI

Getting Started

git clone
yarn
npm run start

Using Netlify dev (Netlify dev replicated the build procedure as seen in Netlify. Also when logged in, It will use authenticate and update the cms directly. Pretty cool actually)

netlify dev

Publish

All branch updates will be deployed on Netlify. See Deploy logs for errors.

Purgecss

This plugin uses gatsby-plugin-purgecss and bulma. The bulma builds are usually ~170K but reduced 90% by purgecss.