Skip to content
Permalink
master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Go to file
 
 
Cannot retrieve contributors at this time

Jekyll Atlantic - Jekyll + Tailwind Starter Theme

Atlantic is a beutiful minimal blog theme for Jekyll. It is an excellent Jekyll + Tailwind boilerplate to start from.

Live Demo | Zerostatic Themes

Jekyll Atlantic Theme screenshot

Theme features

Jekyll 4.1+ Tailwind CSS v2.2+ PostCSS 8.3+

  • Uses PostCSS with autoprefixer, nested css, cssnano (minify css)
  • Works with native Jekyll commands jekyll serve and jekyll build
  • Correctly uses Tailwind to purge CSS in production
  • Full blog functionality
  • Beautfifuly designed responsive blog and post layouts
  • Blog categories
  • Blog authors (multiple)
  • Blog pagination
  • Ready to deploy to Netlify
  • Responsive design
  • Responsive menu
  • 100/100 Google Lighthouse speed score
  • 100/100 Google Lighthouse seo score 🏆
  • 94/100 Google Lighthouse accessibility score (but this is just because of the green text color contrast)
  • Page size is 10KB without images, can you believe it?? 🔥
  • Robust example content included
  • Royalty free illustrations included
  • Netlify & Github Pages ready

Installation

Installing Ruby & Jekyll

If this is your first time using Jekyll, please follow the Jekyll docs and make sure your local environment (including Ruby) is setup correctly.

Installing Theme

Download or clone the theme.

To run the theme locally, navigate to the theme directory and run:

To use Tailwind and PostCSS:

npm install
bundle install

To start the Jekyll local development server.

bundle exec jekyll serve

To build the theme.

bundle exec jekyll build

Deployment

Netlify

Use Netlify to deploy this theme. This theme contains a valid and tested netlify.toml

Deploy to Netlify

Github Pages

This theme has been tested to work with Github Pages (and Github Project Pages). When using Github Pages you will need to update the baseurl in the _config.yml otherwise all the css, images and paths will be broken.

For example the site https://zerostaticthemes.github.io/jekyll-atlantic-theme would have baseurl: "/jekyll-atlantic-theme/"

Extras

License

  • Don't create ports or new versions of this theme without asking me
  • You can't re-distribute or re-sell this theme as your own template

Credits

Other Jekyll Themes by Zerostatic

🇦🇺 Made in Australia by Robert Austin - Support our work - Star this repo

Buy Me A Coffee