• hawksworx
  • blog
  • speaking
  • about
  • search

Notes - page 1206

  • Newest
  • Previous
  • Next
  • Oldest

The archive of what I posted on Twitter, which I now self host due to a lack of trust in Twitter and some other reasons.

I'll soon begin refelcting all my Mastodon posts here too. I'm happier self-hosting or maintaining an archive of my content on URLs that I can own.

There are tools to help you do this too. Such as this one from the makers of Eleventy.

A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • September 25th 2019 replying to this from @stopsatgreen
@stopsatgreen Wow. And cinematic masterpieces.
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • September 25th 2019
Ooooh. I wish I could be there for that. You’re in for a treat. @CodeFoodPixels is great! https://twitter.com/frontendyork/status/1176788575922393088
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • September 24th 2019 replying to this from @mdbrad
@mdbrad @chriscoyier @css Ha ha. I’ll work on that.
And thanks a lot!
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • September 24th 2019 replying to this from @DavidDarnes
@DavidDarnes In.
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • September 24th 2019
People of @JSCampRo, thanks ever so much for listening to me talk about #JAMstack and serverless rendering.

More details about my proof of concept published on @css here:
http://findthat.at/lollytricks

And slides are available now
https://findthat.at/servered
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • September 24th 2019 replying to this from @TejasKumar_
@TejasKumar_ Hooray!
Very many thanks, sir!
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • September 24th 2019
Come in, sit down. Look, it’s almost time for your 3 month probation. I’ll be honest, it’s not looking great. https://twitter.com/supermathskid/status/1176433717042135042
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • September 24th 2019 replying to this from @chadtomkiss
@chadtomkiss @sebdedeyne @fauna I used it a little (and really enjoyed it) on this example site:
https://css-tricks.com/static-first-pre-generated-jamstack-sites-with-serverless-rendering-as-a-fallback/

The API is nice.

And we recently launched an official @fauna add-on for @Netlify too, which makes the onramp even more straightforward.

https://www.netlify.com/blog/2019/09/10/announcing-the-faunadb-add-on-for-netlify/
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • September 24th 2019
I've said it before and I'll say it again: @devdevcharlie of @Atlassian is badass!

Live demo at #JSCampRo of her machine learning webapp to recognise her StreetFighter moves via webcam to control StreetFighter on her computer.

So clever, creative and informative.

#hadouken
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • September 24th 2019 replying to this from @devdevcharlie
@devdevcharlie @TejasKumar_ Yes! Such a great speaker! I’m full of energy and curiosity now.
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • September 24th 2019
Excellent! https://twitter.com/maxvoltar/status/1176406260146737152
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • September 23rd 2019 replying to this from @_oliverjam
@_oliverjam A serverless server-rendered fallback, no less.
Quite the mouthful.

(and thanks!)
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • September 23rd 2019 replying to this from @
@K16EInc @lauragift21 @css No. This is not about that. There is no client-side js required to render these pages.

This is about making sure that a view is returned for requests to a URL even if that page has not yet finished being created by a static site generator. Serverless functions as a fallback.
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • September 23rd 2019 replying to this from @JSCampRo
@JSCampRo This was not upsetting to watch at all.
I'm fine. Why do you ask?
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • September 23rd 2019 replying to this from @sarah_edo
@sarah_edo @fauna @eleven_ty @Netlify *sob* *sob*
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • September 23rd 2019 replying to this from @erikkroes
@erikkroes @brucel @TejasKumar_ @DanShappir I was probably looking up quotes from that film to deliver in quintessential Nicholas Cage style.
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • September 23rd 2019 replying to this from @sarah_edo
@sarah_edo @fauna @eleven_ty @Netlify You read my mind.
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • September 23rd 2019 replying to this from @Jack_Franklin
@Jack_Franklin @TejasKumar_ @fishandscripts EVERYBODY SHUT UP AND LISTEN TO MY PODCAAAAAAAST!
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • September 23rd 2019 replying to this from @TejasKumar_
@TejasKumar_ I’m a lot of fun to be around.
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • September 23rd 2019 replying to this from @joaocarmona
@joaocarmona @swyx Yeah, it's similar. But subtly different.

Serverless Pre-Rendering is using functions to populate the CDN with the pages either after every request, or at a configured interval.

My example assumes everything comes from the build. Only hitting a function if something 404s.
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • September 23rd 2019
To make this, I took a small pieces loosely joined approach, using:

- @fauna
- @eleven_ty
- @Netlify + Netlify Functions

...but I'm not going to lie. My crowning glory is a smart-arsed 404 page using SVG in a needy attempt to make @sarah_edo proud.

https://vlolly.net/no-lolly-for-you-sucker https://twitter.com/philhawksworth/status/1176144324553297920
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • September 23rd 2019 replying to this from @swyx
@swyx @_Ezell_ @fauna That's right. The scenario is:
Fulfil that URL immediately. And then make pre-render it and enhance it more later if needed (but then not in a time-critical context)
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • September 23rd 2019 replying to this from @_Ezell_
@_Ezell_ @swyx @fauna (once you start exploring it, it turns out to be beguilingly straightforward) 😊
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • September 23rd 2019 replying to this from @_Ezell_
@_Ezell_ @swyx It's agnostic of the SSG you are using, but effectively it's making use of custom 404 routing and serverless functions to query the underlying database (@fauna in this example) to get the page, while your automatic site regeneration completes. (No client-side js required)
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • September 23rd 2019
I made *a thing* so that I could play with using #serverless functions to render pages on the fly while a site deployment completes.

You can play with it here: https://vlolly.net
And you can read all about it on @css

https://css-tricks.com/static-first-pre-generated-jamstack-sites-with-serverless-rendering-as-a-fallback/
  • Permalink
  • |
  • Twitter
  • Newest
  • Previous
  • Next
  • Oldest

The source code of this site is available on GitHub and is hosted and updated by Netlify automatically after each code commit

Other than where specified, the content on this site is published under a Creative Commons Attribution 3.0 licence.

Subscribe to a feed of blog posts on this site.