Here's a list of links to resources to accompany the "Introduction to JAMstack" video on freeCodeCamp, by Phil Hawksworth
Phil Hawksworth philhawksworth
philhawksworth
/ freecodecamp_intro_to_jamstack.md
Last active
April 3, 2026 06:12
freeCodeCamp - Introduction to JAMstack
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "/gist" : "https://gist.github.com/philhawksworth/32d4195156e4de7b0e6a57624016525d", | |
| "/edit" : "https://gist.github.com/philhawksworth/32d4195156e4de7b0e6a57624016525d/edit", | |
| "/phil": "https://philhawksworth.dev", | |
| "/bsky": "https://bsky.app/profile/philhawksworth.dev", | |
| "/deno" : "https://deno.com", | |
| "/deno/links" : "https://github.com/denoland/deno-co", | |
| "/croccs" : "https://crocss.philhawksworth.deno.net/" | |
| } |
philhawksworth
/ short-url.sh
Last active
September 14, 2023 14:28
Raycast script to shorten a URL with https://findthat.at
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| #!/bin/zsh | |
| # Required parameters: | |
| # @raycast.schemaVersion 1 | |
| # @raycast.title Short URL | |
| # @raycast.mode silent | |
| # Optional parameters: | |
| # @raycast.icon 🔗 | |
| # @raycast.argument1 { "type": "text", "placeholder": "URL" } |
philhawksworth
/ schedule-site-refresh-function.js
Created
March 2, 2023 14:05
A daily scheduled function to rebuild a Netlify site with a build hook.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // npm install @netlify/functions | |
| // to get access to scheduling function invocations | |
| // using cron notiation or some handy aliases | |
| const { schedule } = require("@netlify/functions"); | |
| const handler = async function(event, context) { | |
| // Trigger a site rebuild and deploy | |
| fetch("https://api.netlify.com/build_hooks/HOOK-ID-FROM-ADMIN", { |
philhawksworth
/ _redirects
Last active
December 27, 2021 21:49
Simple example of Netlify _redirects file
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # Redirect with a 301 | |
| /home / 301 | |
| # Redirect with a 302 | |
| /my-redirect / 302 | |
| # Rewrite a path | |
| /pass-through /index.html 200 |
philhawksworth
/ dpr-example-fetch-and-render-on-demand.js
Created
May 4, 2021 10:02
Example of an implementation using Netlify' On Demand Builder functions for DPR
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| require('dotenv').config(); | |
| const { builder } = require("@netlify/functions"); | |
| // Use the same page template our SSG uses dureing the build | |
| const pageTemplate = require('../../src/site/_includes/layouts/idea.11ty.js'); | |
| const { | |
| DATABASE_URL, | |
| SUPABASE_SERVICE_API_KEY |
I bought the Sony a5100 which is an older modle but very popular for this purpose. Seems less available on amazon.com at the moment than the updated model which is very similar and probably better:
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "prod-cat-outfit-pirate" : { "stock": 0 }, | |
| "prod-cat-outfit-bunny" : { "stock": 500 }, | |
| "prod-cat-outfit-lion" : { "stock": 7 }, | |
| "prod-cat-book" : { "stock": 1000 } | |
| } |
philhawksworth
/ jamstack-q-and-a-frontend-united.md
Last active
May 23, 2019 12:50
Q&A from the JAMstack talk at Frontend United
Thanks for all of your questions during my talk at Frontend United: JAMstack: Silly name. Serious business.
- I've tried to answer all the questions which came in via Slido.
- I hope you'll excuse my typos and spelling errors as I type these answers quickly during the other conference talks 🤪
- Please don't hesitate to ask more questions via @philhawksworth
- Slides for the talk are online: https://noti.st/philhawksworth/tWfQIB/jamstack-silly-name-serious-stuff
NewerOlder