Add lazy load for the blog post images. Try to use a lazyload like medium blurring the images before loading.

Instead of loading prism.js to parse code blocks on the client browser, just parse the code blocks on build time and then load the theme on the client.

Fix footer social links

Description

Hey! It’s time to migrate the website from Flow to TS

Description

I think it would be great to showcase a viewAllLink prop on the SectionTitle component, to provide an easy way of viewing all the content of a section.

Replace Montserrat for standard system fonts.

font-family: Avenir, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;

Description of the problem

Hey!

I think playwright can be an interesting addition for E2E testing certain parts of the website.

Solution

Implement https://playwright.dev/docs/intro as the E2E testing framework.

Alternatives

N/A

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue requesting the same feature.

Implement react-disquson Blog/[slug].js page to not load the component until the user has reached the bottom part if the page.

Fetch the last 2 posts from Ghost as a JSON, pass it to Jade and generate a section at the home.

Ghost API Docs

Description

Create an Open Source page that lists all my OSS repositories.

On top of that I'm going to have a "dashboard" with some stats such as total stars and 🤓 things

Description

Create the "About me" page

When I share a link of a Blog post I did not see the Post Featured Image as the link image.

This was a bug that was introduced when I set the og:image as an additionalMetaTag at _app.js file.

This was working fine previous to that change.

Implement a module using memory-cache to cache the API requests for one day.

Instead of using Ghost's default error page, create a custom one like carloscuesta.me/404 adding an error.hbs template inside the theme directory.

See Ghost custom error page

Description

Instead of Disqus I want to try exploring Web Mentions for the blog posts of the website.

https://indieweb.org/Webmention

Now I'm using an LQPI approach for rendering the images at the blog. Those images are super compressed, but since there's no pagination and all the posts are loaded, we're loading a bunch of images and this has a big impact on performance.

Possible solutions:

• Do not use LQPI at Blog instead lazyload the whole image and show a background placeholder while the image is not loading
• Improve the LQPI transformation

Fetch carloscuesta timeline as a JSON and render the last 2-4 tweets as a section at the home.

Twitter API Docs

It would be cool to add .lazyload class dynamically to all the images that are inside a blog post with Rehype. Also we need to replace the src attribute for data-src and image height and width should also be provided "automatically" to avoid jumps on the page when the image loads

• https://github.com/martypdx/rehype-add-classes

This is something I wanted to do for a while

Maybe we can try this?

https://www.npmjs.com/package/reading-time

Description

Since I switched from Ghost to Next.js markdown based blog, due to the security escaping from rehype, iframe are being removed once the markdown files are compiled to html.

Modify or create a new Ghost blog template based on Casper.

Layouts to do:

• Index.hbs
• Default.hbs
• Author.hbs
• Post.hbs
• Page.hbs
• Tag.hbs

Description

Introduce a talks section or page at the website. The objective for this module is to list all the talks that I've made

Description of the problem

Hey! 👋🏼

It's time to redesign the open graph images for the website.

Solution

Using https://nextjs.org/docs/app/api-reference/file-conventions/metadata/opengraph-image#generate-images-using-code-js-ts-tsx we can generate custom og images for every route in the website.

Alternatives

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue requesting the same feature.

Hi Carlos !
I've seen that the package.json indicate that the code is released under MIT license but there is no LICENSE file. How open are you to let other use your code for their own website? My website needs some refreshing, I was looking for inspiration and yours is the best I've seen here. I don't need all the features (I don't write blog post) but I can definitely help with other features if needed.

Description

Currently, we only have a single Prism theme on the blog. However as we're supporting both prefers-color-scheme themes, we should not fallback to the dark one, whenever the user is on 🌞 mode.

Description

Create a /uses page with the software and hardware I use everyday to code.