Need help with gatsby-starter-delog?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

W3Layouts
130 Stars 79 Forks MIT License 68 Commits 13 Opened issues

Description

A blog for designers and developer, built with Gatsby and Netlfiy CMS. Live demo https://delog-w3layouts.netlify.com/

Services available

!
?

Need anything else?

Contributors list

# 432,410
Docker
Shell
apache-...
CSS
1 commit
# 88,048
PureScr...
mailchi...
Mongoos...
express...
1 commit

Netlify Status   Follow @w3layouts

Delog - Blog for Developer and Designer

This simple website built with GatsbyJS and Netlify CMS. Deploys on netlify with single click. This Starter is sponsered by W3Layouts.

Delog - Gatsby Starter Demo

Deploy to Netlify

Install this starter locally: (assuming you already have NodeJS and GatsbyJS installed)

bash
gatsby new gatsby-starter-delog https://github.com/W3Layouts/gatsby-starter-delog

Instructions also available at W3Layouts Delog Launch Article.

Features

  • Built with GatsbyJS and Netlify CMS
  • Option to Add, Edit, Update and Delete posts via Netlify CMS
  • SEO friendly - Option to Add meta description
  • In-built contact form powered by W3Layouts
  • Comes with dark mode

Documentation

  • Once you hit "Deploy to Netlify"
  • Connect Github
  • Enter Repository Name
  • And your site starts build process. After the build process your website is live

Changing repositary URL for Netlify CMS access

You need to change repo URL to your own

repo
at
/static/admin/config.yml
, for example
username/repo-name

Creating Github OAuth Client ID

  • Goto Github Developer Settings
  • New OAuth
  • Enter Application name
  • Homepage URL as Netlify URL
  • And Authorization callback URL to
    https://api.netlify.com/auth/done
    )
  • Once Client ID and Secret token is generated configure same in Netlify Access Control as described.

Accessing Netlify CMS Admin

  • Goto your Netlify site admin
  • Goto Access Control > OAuth then Install Provider you need to select provider as
    Github
    as add
    Client ID
    and
    Secret
  • Your Netlify CMS is ready. Goto you netlify site URL and append
    /admin/
    . for example
    example.netlify.com/admin/
    , You will see login with Github button.

Managing Blog Posts in Netlify CMS

  • Once logged in you will find all the blog post listed here.
  • You can create, edit, update and delete like any CMS

Editing Meta Data

Inside you Netlify CMS admin,

Settings > Config
or you can go to
site-meta-data.json
. Here you can edit following details * Title * Description * Site URL * Homepage Title * Homepage Description * To get the Contact form working. you need too add a form at W3Layouts forms. Follow the steps How to enable W3Layouts Contact form instructions to create a form then your contact form is all set.

Add Google Analytics

Change

trackingId
in
gatsby-config.js
at
gatsby-plugin-google-analytics
plugin

I hope you will build a great website with Delog. If you like it please spread the word, Feel free to contribute and raise a pull request :)

For issues,feedback on enhancement or sharing your new awesome website built with delog. Create New Issue Here


Roadmap

We are maintaining future task in Github Project, even though most changes are instantaious. We try keep them posted here.


Credits

  • Awesome image used in demo is from Unsplash
  • CSS and SVG Icons by CSS.gg

Changelog

All notable changes to this project are listed here.

[1.6.0] - 2020-05-03

Added

  • Custom 404 page.
  • Site name will be appended in blog posts and contact page.
  • Reordering fields in Netlify CMS for better flow of post creation.
  • Validation for path in Netlify CMS

[1.5.0] - 2020-05-03

Added

  • Settings page in Netlify CMS to customize site meta data.
  • Site meta data is pulled from
    site-meta-data.json
    . maintained via Netlify CMS

[1.4.0] - 2020-05-01

Added

  • gatsby-plugin-sitemap
    Creates a sitemap for your Gatsby site in production.

Changed

  • Changelog improvements
  • Comments on
    gatsby-config.js
  • Comments on
    static/admin/config.yml

[1.3.0] - 2020-04-30

Added

  • gatsby-plugin-offline
    drop-in support for making a GatsbyJS site work offline and more resistant to bad network connections.
  • gatsby-plugin-manifest
    configures GatsbyJS to create a manifest.webmanifest file on every site build

[1.2.0] - 2020-04-28

Added

  • GatsbyJS Increment builds with Netlify deployment

[1.1.0] - 2020-04-21

Added

  • Dark mode compatibitly and toggle for user preference

[1.0.0] - 2020-03-14

  • Launch of GatsbyJS and Netlify CMS based starter
    gatsby-starter-delog

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.