lmammino / loige.co

The personal blog of Luciano Mammino - Cloud Architect & Full Stack Developer (built with Astro 🚀)

Luciano Mammino - Cloud Architect & Full Stack Developer (Personal Blog)

My blog, built with Astro. All open-source!

If you want to run this locally (maybe you found a typo or an error in one of my articles and want to fix it), you can follow these instructions:

1. Clone the repo

git clone https://github.com/lmammino/loige.co.git

2. Make sure you have up-to-date versions of Node.js and pnpm

Expected Node.js version: 20 or higher and pnpm version 8 or higher.

node -v
pnpm -v

If you have corepack installed, you can easily enable pnpm with:

corepack enable
corepack prepare pnpm@8 --activate

Alternatively, check out the pnpm official installation instructions.

3. Install dependencies

pnpm install

4. Run the dev server

pnpm dev

The website should now be accessible at http://localhost:4321

5. Build the static website

pnpm build

The static website will be available in the ./dist folder.

6. Deploy the website

The website is deployed through GitHub Actions, so if you want to suggest some updates, open a PR and I will review it as soon as possible. Once merged into main, a deployment will kick in automatically.

Contributing

Everyone is very welcome to contribute to this project. You can contribute just by submitting bugs or suggesting improvements by opening an issue on GitHub.

License

Licensed under MIT License. © Luciano Mammino.

loige.co's Issues

Add search through Orama

• Orama plugin for Astro
• Possible UI plugin to access search: https://solid-command-palette.vercel.app/ (command palette)

Update README

Add new Astro instructions

Page urls are wrong

Hi Luciano,
I report you a bug that I found browsing your amazing website

The page URLs listed in https://loige.co/sitemap.xml are wrong because the / separator between the domain and the page path is missing.

For example, the page url https://loige.co/middy-1-is-here/ is badly generated as https://loige.comiddy-1-is-here/

loige.co/gatsby-sitemap.js

Line 36 in 1fe9ec0

url: site.siteMetadata.siteUrl + edge.node.path.replace(/^\/+/g, ''),

Bye

Using fbAppId

@lmammino
Is it not a security compromise to expose fbAppId in your gatsby-config.js?

Speaking map should have clustered pins

Pins too close to each other are very hard to distinguish. The cluster plugin should be added

Lighthouse test and optimization of all pages

Remove google analytics and switch to something else

This might also fix #151

Maybe Plausible

Add social icons in the navbar

• Support responsive/mobile layouts

Last.fm: what I am listening in hero home page

• Lambda (with API Gateway caching) to fetch currently listening from Last.fm
• Update hero component to poll from the API every 30 second and update the hero sprite and display the song

No active subscription on speaking map 🙀

• most likely changing the tile would fix this

Add Dark Theme

Generate dedicated pages for speaking events

• 1 page per event
• dedicated RSS feed

Fix warning with cross-site cookies (Google Analytics)

1. Cookies with the SameSite=None; Secure and not Partitioned attributes that operate in cross-site contexts are third-party cookies. In future Chrome versions, reading third-party cookies will be blocked. This behavior protects user data from cross-site tracking.

   Please refer to the article linked to learn more about preparing your site to avoid potential breakage.

2. AFFECTED RESOURCES
1. 5 cookies
1. Name | Domain & Path -- | -- __Secure-3PSID | .google.com/ __Secure-3PAPISID | .google.com/ NID | .google.com/ __Secure-3PSIDTS | .google.com/ __Secure-3PSIDCC | .google.com/
3. • Learn more: Prepare for phasing out third-party cookies