https://publiuslogic.com/blog

July 30, 2019 Category tech

JSON-LD Per Template Gatsby SEO JSON-LD and meta tags, “per page”, is the only logical option for SEO = microdata perfection in a WebPage or Article. The main issue with Json-LD for microdata is you need frontmatter data from pages and posts like the page title, url, description, created time edited time, author, publisher, ratings, reviews etc. Doing this with a SEO Component like most Gatsby…

Keep Reading →

Gatsby Netlify No Plugins

July 06, 2019 Category tech

I started using Gatsby from Jekyll in March and I was already using netlify and Netlify Identity and Netlify CMS for my personal website so I picked Gatsby + Netlify CMS Starter for my first Gatsby Project, and it was slower than some of the other starters I messed around with. Adding Netlify Identify Widget through Gatsby configurations and plugin “gatsby-plugin-netlify-identity-widget”, slowed…

Keep Reading →

Gatsby LightGallery Cloudinary

June 17, 2019 Category tech

Gatsby LightGallery Cloudinary I have used LightGalley in my ASP.NET, Core-2, Jekyll, React and now in my Gatsby site for Image Galleries and iframes to display any kind of html content. Using Styled Components and mediaQuery in a Styled CSS Grid for the image Cells. LightGallery has a react SDK for usage in react and vanilla.js for the plugins. The jQuery plugins do not include the .js. as the…

Keep Reading →

React Hook Form

April 23, 2019 Category tech

React Hook Forms I chose this module to validate my forms, its lightweight and integrates with yup schemas. Plus a nice online form builder and right on point instructions. You can see this form validation in action on my contact page and on my email form in a modali window, the button for the popup email form is in the email section at the lower part of every PubliusLogic page. I have built my…

Keep Reading →

Gatsby React Scroll toTop

April 22, 2019 Category tech

Gatsby React Scroll toTop or Bottom Have you tried Scroll to the top of the page react module’s, I have and all of them use the .window function to go to top. Which does not work in Gatsby without a work around. Then tell Gatsby that, . Such as the errors I got from react-scroll, and the workaround I used, “Which Works”, but I did not like the implementation So I came up with my own digging…

Keep Reading →

Modali Hooks Modal

April 20, 2019 Category tech

🦞 modali You can read about how this is built at >_Upmostly My Modali Modal can be seen further down in the page in Subscribe section email me icon on the Right. Which brings up the modal with a Netlify Posted, React Hooks email form using hooks for validation. Posting to Netlify - lambda functions to slack for instant notifications and a email to me. React Hooks Email form and validation is from…

Keep Reading →

Blog | PubliusLogic