All Projects → danurbanowicz → Jekyll Netlify Boilerplate

danurbanowicz / Jekyll Netlify Boilerplate

Licence: mit
A simple Jekyll template for creating a fast, static website on Netlify

Projects that are alternatives of or similar to Jekyll Netlify Boilerplate

Next Js Blog Boilerplate
🚀 Nextjs Blog Boilerplate is starter code for your blog based on Next framework. ⚡️ Made with Nextjs, TypeScript, ESLint, Prettier, PostCSS, Tailwind CSS.
Stars: ✭ 134 (+116.13%)
Mutual labels:  static-site, jamstack, boilerplate
Jekyll Boilerplate
Helpful files to get started working on a new Jekyll website
Stars: ✭ 30 (-51.61%)
Mutual labels:  jekyll, static-site, boilerplate
Tris Webpack Boilerplate
A Webpack boilerplate for static websites that has all the necessary modern tools and optimizations built-in. Score a perfect 10/10 on performance.
Stars: ✭ 1,016 (+1538.71%)
Mutual labels:  static-site, boilerplate, sass
Eleventy Starter Boilerplate
🚀 Eleventy Starter is production-ready with SEO-friendly for quickly starting a blog. ⚡ Built with Eleventy, ESLint, Prettier, Webpack, PostCSS, Tailwind CSS and Netlify CMS (optional).
Stars: ✭ 139 (+124.19%)
Mutual labels:  static-site, jamstack, boilerplate
Eleventy Starter Ghost
A starter template to build websites with Ghost & Eleventy
Stars: ✭ 187 (+201.61%)
Mutual labels:  static-site, jamstack, boilerplate
Eleventy Netlify Boilerplate
A template for building a simple website with the Eleventy static site generator
Stars: ✭ 359 (+479.03%)
Mutual labels:  cms, jamstack, boilerplate
Jekyll Doc Theme
Jekyll theme for creating project documentation websites
Stars: ✭ 203 (+227.42%)
Mutual labels:  jekyll, static-site, sass
Gatsby Universal
🔮 An opinionated Gatsby v2 starter for state-of-the-art marketing sites.
Stars: ✭ 617 (+895.16%)
Mutual labels:  static-site, jamstack, boilerplate
Html Sass Babel Webpack Boilerplate
Webpack 4 + Babel + ES6 + SASS + HTML Modules + Livereload
Stars: ✭ 35 (-43.55%)
Mutual labels:  boilerplate, sass
Web Extension Starter
🖥🔋Web Extension starter to build "Write Once Run on Any Browser" extension
Stars: ✭ 987 (+1491.94%)
Mutual labels:  boilerplate, sass
Ng Static Site Generator
ng-static-site-generator is a webpack-based command line build tool that builds an Angular app and Jekyll-style blog entry html files into a static html and css website. It also supports building a client app so you can have static pages that are also capable of running dynamic functionality coded in Angular.
Stars: ✭ 42 (-32.26%)
Mutual labels:  jekyll, static-site
Cms
Statamic 3: The Core Composer Package
Stars: ✭ 965 (+1456.45%)
Mutual labels:  cms, jamstack
Jekyll Bootstrap4
Bootstrap 4 with Jekyll minimalistic example site
Stars: ✭ 43 (-30.65%)
Mutual labels:  jekyll, sass
Whack A Mole
Offline-first arcade game for children
Stars: ✭ 40 (-35.48%)
Mutual labels:  sass, css-grid
Gulp Boilerplate
A boilerplate for building web projects with Gulp.js.
Stars: ✭ 840 (+1254.84%)
Mutual labels:  boilerplate, sass
Next Boilerplate
A well-structured production ready Next.js boilerplate with Typescript, Redux, Jest, Enzyme, Express.js, Sass, Css, EnvConfig, Fetch, Reverse Proxy, Bundle Analyzer and Built-in Project CLI. https://pankod.github.io/next-boilerplate/
Stars: ✭ 936 (+1409.68%)
Mutual labels:  boilerplate, sass
Awesome Jamstack
Carefully curated list of awesome Jamstack resources
Stars: ✭ 1,012 (+1532.26%)
Mutual labels:  static-site, jamstack
Grunt Frontend Workflow
Structured, modular and test-driven front-end development and build workflow with Grunt task runner. Includes boilerplate code for Backbone with single/multipage RequireJS setup, and a RESTful API for prototyping.
Stars: ✭ 44 (-29.03%)
Mutual labels:  boilerplate, sass
Snipcart Jekyll
Demo for a Snipcart powered e-commerce store built with Jekyll
Stars: ✭ 48 (-22.58%)
Mutual labels:  jekyll, jamstack
Boilerplate
Responsive CSS, HTML and JavaScript front-end starting point.
Stars: ✭ 48 (-22.58%)
Mutual labels:  boilerplate, sass

Jekyll Netlify Boilerplate

Note: Check out my Eleventy Netlify Boilerplate. It does pretty much the same as this project but uses the Eleventy static site generator. It's fast, flexible and doesn't require Ruby.

A really simple Jekyll template for creating a fast, static website on Netlify with a continuous deployment workflow.

🔥 This project is featured on Netlify's official template showcase and blog: The top 10 Static Site Generators to watch in 2018 🔥

  • Minimal styling, ready to make your own
  • Example blog posts, pages and contact form
  • Responsive CSS Grid layout with fallbacks for older browsers
  • Continuous Deployment workflow via Netlify and Github
  • Netlify CMS for managing content
  • Netlify Identity for authenticating users
  • Netlify Forms for processing your static HTML forms with reCAPTCHA
  • Optional Netlify _redirects and _headers files ready to use
  • Jekyll SASS pipeline
  • Minified HTML and CSS

Based on Netlify's Jekyll + Netlify CMS starter template, head over there for more details on deployment and build settings or to get help with setting up Netlify.

For help with templates, local development and other Jekyll related stuff, check out the excellent Jekyll Docs.

View Demo

Performance

You can test the demo site's TTFB (Time To First Byte) at testmysite.io

Getting started

Simply click the deploy button to get your own copy of the repository deployed to Netlify:

Deploy to Netlify

This will setup everything needed for running the CMS:

  • A new repository in your GitHub account with the code
  • Full Continuous Deployment to Netlify's global CDN network
  • Control users and access with Netlify Identity
  • Manage content with Netlify CMS

Setup authentication

After deploying this project, Netlify Identity will add you as a CMS user and will email you an invite. It is not necessary to accept this invite if you wish to use an OAuth provider (e.g. Github) to manage authentication for your CMS. It is recommended to use this method of authentication as it removes the need for an email & password to log in to the CMS and is generally more secure. You will need to add an OAuth provider in your Netlify app settings under "Settings" > "Identity" > "External providers".

Next, navigate to /admin on your site, choose your OAuth provider from the login box and you should then be logged into your CMS.

Now you're all set, and you can start editing content!

Note: if you switch the repo that was created to private, you'll need to regenerate your token, as the token generated using the deploy to Netlify button can only access public repositories. To regenerate your token, head to "Settings" in your Netlify site dashboard, go to the "Identity" section, then scroll to "Services" where you'll see an "Edit settings" button. Click that and you'll see a text link to "Generate access token in GitHub".

Local Development

Clone this repository and run:

bundle install
bundle exec jekyll server --watch

In case you don't want to install ruby-bundler you can use docker:

docker-compose up

Jekyll will watch your project folder for changes.

Now navigate to localhost:4000 to preview the site, and localhost:4000/admin to log into the CMS.

Bug reports, feature requests, etc

This is an ongoing project and I welcome contributions. Feel free to submit a PR.

If you need any help with setting up Netlify CMS, you can reach out to the Netlify team in the Netlify CMS Gitter.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].