About

PubliusLogic Purpose and Technologies

Profile picture
👋
Developed and Written by: Donald Boulton🎉 0
|

About Me and PubliusLogic
About Me and PubliusLogic

To Convey My Knowledge

I employ Feynman Wisdom in explications of Code, Government, Law and God with a little Sufism Wisdom for brevity.

The Feynman Learning Technique is a simple way of approaching anything new you want to learn. … When you really learn something, you give yourself a tool to use for the rest of your life. The more you know, the fewer surprises you will encounter, because most new things will connect to something you already understand.

Sufism, mystical Islamic belief and practice in which Muslims seek to find the truth of divine love and knowledge through direct personal experience of God. … The Sufis are also generally known as “the poor,” fuqarāʾ, plural of the Arabic faqīr, in Persian darvīsh, whence the English words fakir and dervish.

And my approach to discussions of this world follow along with what Tim Addison said on Empathy

Although advice like “be unfailingly kind” and “keep your feedback actionable, specific, and kind” sounds great, Chelsea Troy points out the problem with that statement, namely:

You can’t always be kind!

…it assumes that the feedback giver has control over whether their feedback is perceived as kind. And they don’t. from Transcript from lecture: Giving and receiving feedback.

Security Policy and Reports

PubliusLogic security is top notch using the latest Content-Security-Policy directives we receive a A+ rating 💯

Content-Security-Policy Speed Test
Speed Test

Headers test Content-Security-Policy
Security Report

To Tailwind CSS

Went from sass to styled components now using Tailwind CSS and happy about its ease of use.

Just Having Fun

🍸 This website is built as static HTML with React component-modular Docker Container builds, using React components with GraphQL, Built with WebPack. Including a user data, todo’s backend. The data structure is using FaunaDB and Dato CMS.

Site Structure
site driven structure

Served on Netlify via a continuous deployment (CD) workflow. Pull requests are automatically built into preview apps, while commits to the master branch trigger the production build and deploy onto Netlify CDN edge node infrastructure. Since the whole site is just a bunch of static files copied onto multiple CDN nodes around the world, time to first byte (TTFB) is consistently fast at around 1ms to 2ms. Instant Notifications through my Slack Bots or Gmail and phone notifications using Netlify Functions for my Mansbooks.com PubliusLogic.com workspace.

Starter Publius

🚀 This 🔗 Repo v5 stores the Gatsby site hosted at publiuslogic.com. I use it to write about my personal interests, ranging from theoretical physics and spiritual learning; to A Human Basic Instructions Manuel, web development and spending time outdoors… oh and not to forget breaking conventions like a React Site with Json-Ld per template for SEO, Internet Positioning, and a A+ security rating. 💯

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

Server-less

🔥 No run time dependency or vulnerable server stack required Pre-built pages served over a CDN for fastest time to first byte Fast and cheap CDN scaling results in ultra-high availability worldwide Server-side processes abstracted into microservice APIs for reduced attack surface areas Modern Continuous Deployment (CD) Git workflows with instant rollbacks Headless CMS for complete separation from your app/site and with full version control Modern authentication methods such as OAuth 2 for ultimate security.

Authentication

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

Utilizing Netlify Identity in React to make public and private pages easily.

What is Identity

⁉️ Netlify’s Identity service is a plug-and-play microservice for handling site functionalities like registration, 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.

Dato CMS

🔗 Static + content management = ❤️

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.

Extensible CMS

❤️ Dato CMS is built as a single-page React app. Create custom-styled previews, UI widgets, and editor plugins or add backend’s to support different Git platform APIs. My Dato CMS backend will build and add Pages, Posts, My layout components, Authors, Products, Site Updates and charts data using charts.js displaying build, nav and analytics charts data on individual pages and posts. All edited from a CMS Backend on a Static Website!

Features

PubliusLogic is a complex Gatsby - React Site and not for React programing beginners.

✔️ Complete Website Suite - Pages = Home, Blog, About, Privacy, Sitemap Index for tags, categories, pages and posts sitemaps, and a Contact form with Slack Notifications and Email.

  • 🚋Serverless Functions
  • 🔏Authentication (with Netlify Identity)
  • 🔐Authenticated Serverless Functions (FaunaDB)
  • 😻External Provider login with GitHub, Bitbucket, Google, etc.
  • 🏠Protected Routes
  • 👋🏼Dynamic Clientside Pages in React (enabling all the above)
  • 🕵🏼‍♂️Hide API Secrets from being exposed to Frontend
  • Dato CMS for Content and Asset Management
  • SEO Friendly (Sitemap Index - 4 sitemaps, Schemas, Meta Tags, GTM etc.)
  • Progressive Web App & Offline Support
  • Tag Lists, Categories Listings and a RSS Feed for Blog
  • Time to Read and a Table Of Contents
  • Support for code syntax highlighting
  • Share Support (Add if wanted Component Included)
  • Automatic optimization of images in Markdown/MDX posts
  • SVG design (unDraw, Hero Patterns, HeroIcons)
  • Contact Form (Netlify Forms) with Slack and and Email saved on Dato Cms
  • Full SEO support (via React Helmet) including Open Graph, Twitter Cards and Schema.org via JSON-LD
  • Incremental Netlify Builds

It follows the JAMstack architecture by using Git as a single source of truth, and is deployed on Gatsby Cloud.

Funding Help

Go Fun Me!

Technology and Design


Gatsby drawing

Gatsby

Gatsby is a React-based open-source framework for creating websites and apps.

TailwindCSS drawing

TailwindCSS

A utility-first CSS framework that can be composed to build any design, directly in your markup.

React drawing

React

A JavaScript library for building user interfaces.

This website is open source (0BSD licence) - fork it and customise for your needs.

OBSD-License
git

Ready to give it a try?Use the starter on Github today.