savjee / savjee.be Goto Github PK

When it comes out of beta.

Cleanup the root directory a bit

Add a "budget" for JS and CSS:
https://bundlewatch.io/#/

Performance = king!

Mark a video as "unpublished" so that it doesn't appear on the "Video's" page.
However Jekyll would render it anyway and already make it available if you know the URL.

That way I can publish the page while the video is waiting to go live. When the video goes live, the URL will work instantly and I only have to remove the "unpublished" attribute

• Compile SASS
• Bundle all Javascript

Savjee > Courses > X
Savjee > Posts > Y

I'm writing everything in Obsidian and migrate files to this repository when they're finished. Occassionally I forget to remove Obsidian's internal link syntax: [[ ... ]]

Add a check to the CI to make sure these are all gone!

The video pages contain an embedded YouTube player, which is loaded in after the rest of the page. This causes the entire page to shift down -> https://web.dev/cls/

Follow-up in Google Search Console after implementing changes.

Related: #7

Will I continue with Jekyll?

• A full build of my site takes 10 seconds right now.
• Jekyll 4.0 breaks compatibility with some plugins I use, most importantly the asset pipeline plugin
• I'm no Ruby developer, so writing plugins myself is tricky.

• Migrate to jekyll-paginate-v2

• Update jekyll-assets (no support yet for Jekyll 4.0)

• Typescript
• Bundlewatch
• HTML?
• SEO suggestions?

See the links to previous years in my retrospective: https://savjee.be/blog/my-sixth-year-as-youtube-creator-statistics-and-retrospective/

Should not happen!

• Tables
• Code blocks
• Header
• Video page
• Video series rollout indicator (-> maybe just remove this one altogether?)

Top level:

• index.html
• courses.html
• posts.html
• videos.html
• video_series_subpage.liquid

_includes/components

• bookmark_box
• disqus-comments
• footer
• navbar
• newsletter-box
• share-buttons

_includes/layouts

• course.html
• default.html
• page.html
• post.html
• video.html

Others:

• video-series-overview.html
• youtube-embed.html

Should never link directly to savjee.be or simplyexplained.com
Always use the link helper for that!

Automatically check all internal links to make sure they're all valid.

The SASS plugin for Eleventy seems unmaintained and has some security issues. Not really major for a static site, but still good to let Webpack handle this.
https://github.com/Sonaryr/eleventy-plugin-sass

Right now, I can update posts, but that isn't reflected anywhere.

Solution:

• Upgrade to Elevent 2.0 once it's final
• Use git to figure out when a post was written, and last updated
  • Ref: 11ty/eleventy#869

Todo:

• Upgrade to Eleventy 2.0
• Show "Last modified" date at the bottom of each post (if it's not the same as publication date)
• Update the rich snippet accordingly, so Google knows the post was updated.

• Blog post images
• Blog posts overview page (thumbnails)
• Every other page with images (make a helper function for that!)

Website should only post forms to "self". Other domains can be removed after migration.

• Enable on a per post basis
• Floating at the side of the post
• Lines in the side, hover to appear?

Allows me to have 1 CI pipeline and only deploy the site when all checks have passed.
Now, Cloudflare Pages doesn't run any checks

• Merge in master
• Disable automatic deployment of master branch on Cloudflare Pages

• Cache YouTube thumbnails on Cloudflare R2 using a Worker
• Increase cache times (a complaint from Lighthouse)

Bonus: generate different sizes for the thumbnail (on the fly?) and add them to a element to improve performance on mobile.

Ditch the format savjee.be/YYYY/MM/blog-post-title-goes-here
And switch to savjee.be/post/blog-post-title-goes-here

Only show YouTube thumbnail with a play button. If clicked, the actual YouTube embed code is loaded in.

This to protect user privacy (and increase the page load times)