chicio / chicio.github.io Goto Github PK

:ghost: Fabrizio Duroni (me :smile:) personal website. Created using GatsbyJS, Styled Components, Typescript, tsParticles, GitHub pages, Github Actions, Upptime.

Home Page: http://www.fabrizioduroni.it

JavaScript 0.96% Shell 0.02% TypeScript 99.01%

github-pages css-animation github-page fontawesome lighthouse progressive-web-app service-worker github-actions typescript webpack webpack-plugin workbox gatsbyjs react reactjs loadable-components tsparticles styled-components

chicio.github.io's Introduction

chicio.github.io - www.fabrizioduroni.it

My personal website, created using github pages and GatsbyJS.

Installation

To run my website locally you need to install the following software:

Node
Gatsby cli (npm install -g gatsby-cli)

Then you can use the following commands to run the site in developer mode.

npm run install
npm start

If you want a production version of the website, then run the following commands.

npm run install
npm run build
npm run serve

To deploy a new version in production:

create and push a new tag (v*..)
run the deploy script with the following command

npm run deploy

To bumb up dependecies versions use the following command:

npx npm-check-updates -u

Overview

My website has been created for Github Pages using:

Go and checkout my homepage and my blog.

Status monitoring

You can find status monitoring information at status.fabrizioduroni.it.

chicio.github.io's People

Contributors

Stargazers

Watchers

Forkers

royadityak aminemahd13 nezatz

chicio.github.io's Issues

Migrate to Google Analytcs 4

Before July 2023 I need to migrate to.

Info: https://support.google.com/analytics/answer/11583528

Refactoring HEAD

Refactor the HEAD component (it's a mess right now).

Update first-threejs-scene blog post

Hi! 👋🏽

I recently found your blog post "A physically based scene with three.js" and found it very interesting - thanks for writing it!

Because it's a post from 2017, when I was trying to reproduce the example, I had to dig into the old blog repo to find the models and into the three.js versions to find a compatible one. Took me some time but I managed to do it. 🎉

I'm opening this issue to request an update to the blog post and to this repo to provide up-to-date instructions so that others can continue to enjoy and learn from it.

I created a sandbox with an HTML setup that works in case you want to copy it.
There are some warnings related to deprecated properties, I didn't investigate deeper on those, but the example runs fine.

The assets are located in the old repo. They're also included in the sandbox.

If I may, I'd suggest linking the sandbox in the blog post - you can either link mine or fork it and link from your account.
In any case, I think it's much easier to present the post with a runnable example.

Let me know if I can help with anything regarding this. 🙌🏽

Thanks for the post once again.
Best regards!

Migrate from React helmet to native GatsbyJS SEO component

Migrate from react helmet + custom SEO component to native GatsbyJS component.

INFO: https://www.gatsbyjs.com/docs/how-to/adding-common-features/adding-seo-component/

NOTE: wait to see the usage before starting the migration.

gatsby-config
gatsby-node
graphql queries
component with urls reference

Centralize url and data definition in the src/logic folder

Wrap the design system call to action and links in a component with tracking incorporated.
test it with react testing library

Updates + fix background scroll

Update library and remove "easy" plugins
Fix background scroll