WebDev

What is the Jamstack? Why use the Jamstack? How do I get started? Learn what the Jamstack is all about and why it's the best approach for building faster, more secure websites.

Production grade React applications that scale. The world's leading companies use Next.js by Vercel to build static and dynamic websites and web applications.

Learn the fundamental JavaScript and React concepts that'll help you get started with Next.js.

Email Delivery Platform to test, send and control email infrastructure in one place. Great for dev teams. Start today - Sign Up free!

Powerful Transactional Email APIs that enable you to send, receive, and track emails, built with developers in mind. Learn more today!

The Jamstack architecture is a modern approach to an old idea: making fast, static websites, but making them dynamic with tools like JavaScript. How can we leverage the web framework Next.js and hosting platform Vercel to build and deploy performant...

Use this online CSS unminifier tool to uncompress CSS by converting minified CSS to nicely formatted and indented CSS code. Just paste the compressed CSS code below and press the button.

Integrate S3 support for media libraries into Netlify CMS

Page Rules allow you to forward or redirect traffic to a different URL, though they are just one of the options provided by Cloudflare.

Automad is a PHP application and therefore requires a web server to run. However, the list of system requirements is rather short. You can choose between three ...

Hugo theme implementing backlinks and linked-notes graph

I just spent about a week's worth of effort figuring out how to do this, so I thought I'd write up an explanation to save future developers time. The short(er) answer You'll want to follow this gui...

The static site generator Hugo doesn’t yet support Wikilinks. This is being considered on this github issue, but in the meantime we need to parse each page’s content to replace wikilinks with a relref internal page link. I use the following code snippet to support wikilinks in Hugo. It can be invoked when you’d normally use {{ .Content }} by calling this instead: {{- partial "content-with-wikilinks" . -}}. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 {{/* Prints page content with two types of wikilinks rendered (with and without text).

Add search to your Jekyll site using lunr.js

Jekyll traverses your site looking for files to process. Any files with front matter are subject to processing. For each of these files, Jekyll makes a variety of data available via Liquid. The following is a reference of the available data.

What favicon dimensions, file formats and meta/link tags should be used as of 2022? This includes apple icon, windows, android and other devices people use today. I use Opera and I can see it suppo...

Details about how Hugo and Go process date formatting.

As of writing this (%3C2022-04-19%20Tue%3E), Hugo doesn’t have a built-in way to generate a list of such backlinks, though there’s an open issue (# 8077) to track this feature request. One way to gather a list of backlinks to a post is to find out that post’s relative or absolute permalink, and search for the occurrences of that link in all the other posts on the published site. The author of seds.nl: Export org-roam backlinks with Gohugo, Ben Mezger, uses this approach in his solution for creating backlinks in that post. In this post, I am expanding upon that solution and refactoring it bit to fit my needs.

Stack things vertically or horizontally using Bootstrap. I don't know how I didn't discover this page so much sooner...

Markdown render hooks in Hugo can be used to override markdown rendering in things like images (!)

Responsive Hamburger button menu with Bootstrap 5. Hamburger toggle menu for mobile navigation, icon animations, sidenav, navbar templates & more.

How to implement Algolia search API in a Hugo site. Tutorial

”An

Carve out your own space where you'll seed, cross-pollinate, and grow ideas.

Learn how to create social media sharing and follow buttons for six of the top social networks so you can drive traffic to all your brand's channels.