JavaScript
-
12 Dec 2022
How to get the user’s timezone in JavaScript with Edge Functions
You don‘t need client-side JavaScript to adapt and localize dates and times according to timezone — use timezone data in Netlify Edge Functions with JavaScript native Date()!
-
15 Nov 2022
Single-page applications, multi-page applications, the history of Twitter tech, and a failed project
After I changed my mind about writing new JavaScript frameworks, I paused development on a new project, What the Framework (WTF). Here's why.
-
25 Oct 2022
Personalize your static site based on a previous site referral
Learn how to use Netlify Edge Functions to personalize static HTML pages based on the HTTP referer header.
-
3 Oct 2022
I changed my mind about writing new JavaScript frameworks
A few months ago, I wrote about how you probably shouldn’t write a new JavaScript framework. But I’ve changed my mind. Maybe you should write a new JavaScript framework. And here’s why.
-
11 Aug 2022
Add personalization to static HTML with Netlify Edge Functions — no browser JavaScript required
Personalization and shipping less JavaScript to the browser are hot topics in 2022, and with Netlify Edge Functions, you can achieve dynamic personalization with no client-side JavaScript — resulting in a great developer experience, and an even better end-user outcome. Check out the video tutorial and accompanying walk-through.
-
22 Jun 2022
Should I write a new JavaScript framework?
Do you often ask yourself, should I write a new JavaScript framework? Here's some things you should consider, and some tips to get you started.
-
12 Jun 2022
How to deploy an Astro site
Learn how to deploy an Astro project as a static, server-rendered, or edge-rendered site, try out some Netlify templates, and learn how to deploy to Netlify.
-
8 Jun 2022
Build a business card CLI tool
Learn how to use Node.js, npm and npx to build a CLI tool to output a business card to the terminal. Bonus demo repository included!
-
21 Oct 2021
TIL: How to use GraphQL variables to give my queries type safety
One of the things I love about GraphQL is how straightforward it is to get up and running with little to no experience. But how can you make sure your GraphQL queries are safe from nasties? Let’s find out.
-
7 Sep 2021
How to build a personalized image social sharing app with Cloudinary and Next.js
In this post, we’re going to build an app that generates a personalized image of a ticket to share on socials using Cloudinary and Next.js so you can encourage your event attendees to share their tickets for your next virtual event!
-
1 Sep 2021
Why I love building with Next.js — a fireside chat with Cassidy Williams of Netlify
I joined Cassidy Williams of Netlify for a fireside chat to talk about the performance benefits of Next.js, and how developers can make the most of the JavaScript framework.
-
4 Aug 2021
A Next.js complete beginner tutorial using the Spotify API
In this video I'm joined by Ebonie (metalandcoffee_) — web developer, Metal DJ and Twitch streamer — where we set up a new project in Next.js to curate music recommendations using the Spotify API.
-
1 Jul 2021
How to add Algolia InstantSearch to your Next.js application
By the time I had written 15 blog articles on my website, it was getting a little tricky to find what I was looking for in a hurry! So I set out to implement search functionality on my blog.
-
14 Jun 2021
How to filter entries by linked references in GraphQL
Do you want to filter your blog posts by linked topics such as “javascript” or “tutorial” via GraphQL? Check out this quick guide that shows you how to get the data you need using the linkedFrom field in your query — it’s pretty nice!
-
26 May 2021
Rich Text field tips and tricks from the Contentful DevRel team
The Contentful Rich Text field is powerful. But how can you make the most of it? Level up your Rich-Text game with a growing list of top tips from the Contentful DevRel team.
-
22 Apr 2021
Paginating your Contentful blog posts in Next.js with the GraphQL API
In this post, we’re going to build a set of article list pages that display a number of blog post summaries per page — fetched from the Contentful GraphQL API at build time with Next.js.
-
13 Apr 2021
Rendering linked assets and entries in the Contentful Rich Text field
Take a deep dive into rendering linked assets and entries in the Contentful Rich Text field using both the REST and GraphQL APIs.
-
13 Apr 2021
Exploring linked entries and assets in Contentful with JavaScript via REST and GraphQL
I set out to explore and investigate the inner workings of the Contentful REST API and GraphQL API in terms of linking assets and entries on a content type in order to understand how we can render links inside Contentful Rich Text fields.
-
10 Apr 2021
How to build, test and release a node module in ES6
Over the last couple of weeks I’ve had incredible fun building the random code generator live on Twitch. At the time of writing this post, I’ve also merged over 70 pull requests into the repository for the application on GitHub. This got me thinking — what if people could use the same silly random code on their own applications to create even more lols on the web?
-
17 Mar 2021
3 ways to use Puppeteer and Node.js to screenshot web pages and generate Open Graph images for socials
Harness the power of a tool called Puppeteer to take screenshots of browser pages and generate dynamic images to share on your social media accounts. Let’s take a look!
-
8 Mar 2021
How to generate an RSS feed for your blog with JavaScript and Netlify functions
After I built my first project with Contentful, I had no idea people would actually want to follow my content using their favorite RSS reader (thanks, Stefan Judis!). So I set out to learn how to generate an RSS feed for my microblog that’s built with no front-end frameworks.
-
5 Feb 2021
How to build a lightweight microblogging site with Contentful, vanilla HTML, CSS and JavaScript
Learn how to build a lightweight microblog with Contentful and vanilla HTML, CSS and JavaScript.