About

Creation Picture

PubliusLogic Purpose and Technologies

Profile picture
πŸ‘‹
Developed and Written by: Donald BoultonπŸŽ‰ 0
|
2020-12-05
2 min read

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.

My Works are not for a popularly contest, I seek the Holy Ones.

Biblical Reading Timelines

If you read them in order they have a timely purpose, playtime is calling out the evil one’s.

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
Content-Security-Policy Speed Test

Headers test Content-Security-Policy
Headers test Content-Security-Policy

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 a second github repo for json data on the fly with OctoCat Rest and a GitHub App for Auth.

Site Structure
Site 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

Github and Google OAuth v2 with react-use-googlelogin

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 Google Auth / Octokit)
  • πŸ” Authenticated Serverless Functions (Netlify Functions)
  • 😻 External Provider login with GitHub, Bitbucket, Google, etc.
  • 🏠 Protected Routes Locked by Google Auth
  • πŸ‘‹πŸΌ Dynamic Client side Pages in React (enabling all the above)
  • πŸ•΅πŸΌβ€β™‚οΈ Hide API Secrets from being exposed to Frontend
  • Github repos 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 with Slack and and Email saved on getForm
  • 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 Netlify.

Technology and Design


Gatsby drawing

Gatsby v4.23.0

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

TailwindCSS drawing

TailwindCSS v3.1.8

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

React drawing

React v18.2.0

A JavaScript library for building user interfaces.

This website is open source (0BSD license) - fork it and customize for your needs.
OBSD-License
git

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