Skip to content
Gatsby project powering my discussion site To Publish Logic
JavaScript HTML CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github Funding Jun 4, 2019
_data Merge branch 'master' of https://github.com/donaldboulton/publiuslogic Aug 14, 2019
functions-build fix it ??? Jul 16, 2019
functions test app profile Jul 16, 2019
src cat tags hero title colors Aug 21, 2019
static repair hero tags cats Aug 21, 2019
.babelrc back to root folder May 29, 2019
.eslintrc back to root folder May 29, 2019
.gitattributes Initial commit Mar 15, 2019
.gitignore gota work Jun 27, 2019
.snyk fix: .snyk & package.json to reduce vulnerabilities (#14) Jul 9, 2019
CODE_OF_CONDUCT.md
LICENSE back to root folder May 29, 2019
README.md yarn lock kill Jul 1, 2019
bafcd30dffce3a8d81bb7ec738ec2688.png back to root folder May 29, 2019
config.yaml
env.example back to root folder May 29, 2019
gatsby-browser.js test notification update Aug 5, 2019
gatsby-config.js
gatsby-node.js categroy typo fix Aug 20, 2019
gatsby-ssr.js back to root folder May 29, 2019
github.json back to root folder May 29, 2019
made-with-bulma--dark-20.png clean up about and readme authors on about Jun 16, 2019
netlify.toml functions-build for lambda Jun 4, 2019
package.json htmlAst Aug 20, 2019
staticman.yml

README.md

publiuslogic.com

To Publish Logic

🚀 gatsby-starter-publius

🍸 Just Having fun coding!

LICENSE Tip Me via PayPal Join the community on Spectrum style: styled-components Known Vulnerabilities Netlify Status

Styling with Bluma and styled-css-grid 🍱

Travis

A tiny (~2kb) [CSS grid] layout for React, built with [styled-components] 💅.

made with bluma

js-standard-style

A Gatsby Starter and My Personal website

This repo powers the Gatsby site hosted at publiuslogic.com. I use it to write about my personal interests, ranging from theoretical physics, international and United States Law's including spiritual learning to sustainability, web development and spending time outdoors... oh and not to forget breaking conventions like a Gatsby Site with Structured Microdata for SEO, Internet Positioning.

The site style and design is with, Bulma and styled-components. It's fully responsive, relies heavily on React Hooks for stateful components such as Image Gallery's, Modal's and ToTop. Prism for syntax highlighting, GitHub issues for blog post comments, Hooked into Analytics with Slack Notifications which is fully incorporated within this repo. Lunr for custom search.

Feel free to reuse any part of this repo to create your own Gatsby site.

A Gatsby v2 and Netlify CMS powered generic business website starter based on gatsby-starter-netlify-cms.

Authentication

Netlify Identity Widget

A Custom Styled and Build for Publius, a component used to authenticate with Netlify's Identity service. Live demo

For a lower level library to the underlying GoTrue API, see gotrue-js.

What is Netlify Identity

Netlify’s Identity service is a plug-and-play microservice for handling site functionalities like signups, logins, password recovery, user metadata, and roles. You can use it from single page apps instead of rolling your own, and integrate with any service that understands JSON Web Tokens (JWTs).

Learn more about this service from this blog post.

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

Netlify CMS

Static + content management = ♥

PubliusLogic Netlify CMS is Always the latest GitHub repo pull, with my custom Webpack hashed build = just on the admin backend; not the Gatsby plugin and netlify-cms node module way; which builds it into the frontend = slowing Gatsby way down; TEST it to see for yourself.

Get the speed, security, and scalability of a static site, while still providing a convenient editing interface for content.

An integrated part of your Git workflow Content is stored in your Git repository along side your code for easier versioning, multi-channel publishing, and the option to handle content updates directly in Git.

An extensible CMS built on React

Netlify CMS is built as a single-page React app. Create custom-styled previews, UI widgets, and editor plugins or add backends to support different Git platform APIs. My Netlify CMS backend will build and add Pages, Posts, My layout components with Event data for Bulma GCal fullCalendar localized events, Notifications, Authors, Products, Site Updates and charts data using charts.js displaying build, sales and analytics charts data on individual pages and posts. All edited from a CMS Backend on a Static Website!

Demo

Gatsby Starter Publius

🧐 Features

  • Complete Website Suite - Home Page, About Page, Pricing Page, Privacy, Contact Page and Blog
  • Netlify CMS for Content Management
  • SEO Friendly (Sitemap, Schemas, Meta Tags, GTM etc)
  • Bulma and Sass Support for styling
  • Progressive Web App & Offline Support
  • Tags and RSS Feed for Blog
  • Comments with GitHub Issues
  • Follow, Mention, Star and Fork GitHub buttons
  • Share Support
  • Elastic-Lunr Search
  • Pagination
  • Contact Form (Netlify Forms)
  • Easy Configuration using config.js file

Prerequisite

  • Node
  • Gatsby CLI (globally installed)

Getting Started

Create your own project with Gatsby CLI:

gatsby new yourbusinessname https://github.com/donaldboulton/publiuslogic.git 

Available Scripts

Develop

Start a hot-reloading development environment accessible at localhost:8000

yarn start

Build

Get an optimized production build for your site generating static HTML and per-route JavaScript code bundles.

yarn build

Serve

gatsby serve — Gatsby starts a local HTML server for testing your built site.

yarn serve

Lint

Lint the code according to eslintrc file, for consistency.

yarn lint

Clean

Remove the .cache and public for a scratch compile.

yarn clean

Configuration

To personalize and configure this Starter open data/config.js file and replace the default values.

module.exports = {
  siteTitle: 'Gatsby Starter Publius', // Site title.
  siteTitleAlt: 'Business', // Alternative site title for SEO.
  siteLogo: '/icons/icon-512x512.png', // Logo used for SEO and manifest.
  siteUrl: 'https://publiuslogic.com', // Domain of your website without pathPrefix.
  // Do not use trailing slash!
  pathPrefix: '/', // Prefixes all links. For cases when deployed to example.github.io/gatsby-starter-business/.
  siteDescription: 'Leverage Gatsby Publius Starter for fun or your Business.', // Website description used for RSS feeds/meta description tag.
  siteRss: '/rss.xml',
  siteFBAppID: '', // FB Application ID for using app insights
  googleTagManagerID: '', // GTM tracking ID.
  disqusShortname: 'mansbooks-1', // Disqus shortname.
  userName: 'Donald Boulton',
  userTwitter: 'donboulton',
  userLocation: 'OKC, Oklahoma',
  userDescription: '',
  copyright: 'Copyright © Gatsby Starter Publius 2019. All Rights Reserved.', // Copyright string for the footer of the website and RSS feed.
  themeColor: '#1d1d1d', // Used for setting manifest and progress theme colors.
  backgroundColor: '#1d1d1d', // Used for setting manifest background color.
}

Deployment

Clicking the button will ask for authentication via GitHub, which will create a repo in your github account with this starter. Then, it will build and deploy the site to Netlify. 💫 Deploy to Netlify

You can read up on how to set up Identity(Authentication for CMS User) here How To Set Up Netlify CMS

You can’t perform that action at this time.