Frameworks at @cloudflare ☁️ Astro core maintainer 🚀 Prev Netlify, Gatsby. Made Unpic. 🦋 bsky.app/profile/mk.gg 🌳 unpic.pics

Imber
Why do I feel like I'm 18 again, in the queue for the club, wearing the wrong shoes
25
81
2,167
459,665
Replying to @_callumknight
I once had to cancel a holiday because I couldn't find my passport, even after a full day of searching. I found it three months later when I moved house. It was under the little box I keep passports in.
9
13
1,787
Fire up the Lambos and meet usePHP. Run PHP in React, with edge SSR. Extracts your PHP code, executes it in WASM, and injects the result into your React code.
85
135
1,561
366,583
Sometimes Twitter is nazi trolls, but sometimes it's asking a question about mouse-flavoured cat food and getting an answer from a cat food flavour researcher
Replying to @ChrisLangWriter
My job is to research cat-food flavour, so I can answer your question: the species on the packet is not the flavour, but the principal source of protein. Pet food protein must be human food grade, so is sourced from the human supply chain, hence only human-friendly flavours.
9
384
980
Helicopters collecting people from Glastonbury this morning
75
254
846
629,075
I helped create gatsby-image, and now spend a lot of time looking how all web frameworks handle images. I'm now convinced that basically everyone should just be using an image CDN and an img tag. You don't need complicated components with wrapper and spacers and loaders...
21
60
795
171,185
Who wants to know how fast Apple Silicon is for web dev? I've seen loads of different benchmarks but couldn't find anything that compared performance for things like Babel and Node. I decided to risk it and bought a Mac mini and ran the tests myself. Here's a 🧵with the results:
21
81
598
Oh React
8
12
553
40,396
Replying to @BrentToderian
Avoncliffe aqueduct in England carries a canal over a river and railway line. Proper victorian engineering.
29
444
"There's no footage" "Here's the footage" "No, not that footage that I've decided is bullshit. I mean footage that confirms my prejudices"
2
5
424
3,379
I've been playing with Kotlin a bit recently and there's a lot in there that JavaScript should steal, but none as much as "if expressions". A few languages have these, and the difference from if statements is that they return a value. Much more readable than ternaries!
90
21
462
102,619
Did you know that Stringer Bell watched so much Peppa Pig he now sounds like Luther
7
14
374
Now *this* is what I wished Next.js PPR had been. A static, cacheable shell, served as a normal HTML file, with fully dynamic islands streamed in from the server. The DX is so beautifully simple: just add server:defer. No magic, just HTML and fetch. Use the platform: it's faster!
Astro 4.12 is out now with experimental Server Islands, our new approach to highly cacheable pages with dynamic, personalized content in islands. It's fast. Really fast.
13
32
419
56,433
React is getting inextricably linked to Next.js. You have to wonder why any other framework would feel safe tying themselves to it. A Vercel employee put out a React beta release yesterday to enable features for Next.js in time for Next Conf. Could Remix, Hydrogen or Gatsby?
Replying to @theo
Q: Data fetching changes in react are cool, what does this mean for the ecosystem? A: “Next 13 is the real React 18 release” 👀👀
13
31
409
🔷🎉🎉 It's been so hard to keep this quiet, but next week I'll be joining @Netlify! I'll be principal engineer on the integrations team, helping to make sure all frameworks work perfectly on Netlify. 🎉🎉🔷
26
8
391
It dispenses free prescription medication.
279
I see a lot of Next.js sites making this mistake: only return the data that you actually need to render the page. Anything you return has to be downloaded by the user on every page, even if you don't use it! Big API reponses are the worst culprit here.
13
42
314
Farron missed the vote to talk about gay sex. Cable missed it to plot a new centrist party. The only way it could be more of a self-defeating shambles was of one of them missed it to talk about tuition fees. thetimes.co.uk/article/vince…
14
158
262
Well, a couple of you guessed. I'm very excited to say that I'll be joining the @astrodotbuild company! I've been a big fan of Astro for a long time now, so it's a dream opportunity for me. I'll also be at the Astro event in Montreal tomorrow, so if you're coming please say hi 🚀
43
9
313
28,161
The new beta @GatsbyJS image plugin supports "dominant color" placeholders, so your image galleries can look like your Twitter timeline github.com/gatsbyjs/gatsby/d…

ALT A gallery loading, with solid colour placeholders

6
22
290
Did you know the beta @GatsbyJS image plugin now has full support for remote images. Just pass it the URL and it will download the image and generate all the sizes and formats that you need and wrap them all in a responsive <picture> tag
9
41
263
Last day at Netlify! 🥺 💙💚
15
3
228
13,884
I regret to inform you that I've been building a frontend framework 😔
31
2
230
73,578
Write your image tags like it's 1995! The @GatsbyJS beta image plugin now doesn't even need width or height props. This generates a responsive image with WebP, blur-up, lazy-loading, multiple resolutions and more. gatsby-plugin-image@next
18
25
217
Modern CDNs like (ahem) Netlify can do all the fancy ISR-type things with just cache headers. It can be a bit fiddly to remember which headers and directives you need though, so I've made a little library to make it much simpler. It works anywhere that can send response headers.
10
21
213
35,777
The @GatsbyJS Desktop proof of concept is looking more like a proper app now! Try it out at github.com/gatsbyjs/desktop and let us know if you'd use it and what features you'd find useful
7
48
222
Accessibility isn't optional, which is why alt text is required in the new @GatsbyJS image components. I've just done an update to improve the warning message. #a11y
8
22
196
For those who missed this hall of fame mansplain, here's the screenshot
This was epic 🤣 You gotta check who you're talking to before dropping your ref-bomb!
4
12
192
21,823
I had a thought: WebDAV is just HTTP with extra verbs. Mac OS can mount WebDAV volumes. I present to you a mounted edge function.
6
18
203
33,986
Replying to @SkyNews
Don't do it! Academics would hate it if their work that they aren't paid for was read and cited by more people. Everyone knows the important thing is the monopoly profits of the academic publishers.
2
6
161
JavaScript developers dream of this DX
17
190
40,948
IPX is an awesome cross-platform, self-hosted image server from @unjsio (the Nuxt team). It works with local and remote images, and runs on node servers and serverless. I've now added support to Unpic: just add cdn="ipx" and you can serve self-hosted images with 10 frameworks.
6
14
193
50,090
I wonder what *is* a reputable company. Let's see..
1
1
183
33,719
Who else is excited for the @nuxt_js 3 beta tomorrow? Quote from one of our team upon realising the SSR features are all zero-config on @Netlify: "how is that even possible?" No plugins, no config. Massive kudos to the Nuxt team: it's been a lot of work making it this easy.
6
13
192
Happy to say that one week in at @Netlify and I'm already writing image processing functions and fighting the good fight for next gen image formats
7
6
179
An img tag can handle it all, and an image CDN deals with the hard part - the resizing and formats. It can be hard to create all the right sizes and styles for the img tag though, so I've made a multi-framework component to do it for you. github.com/ascorbic/unpic-im…
8
18
196
24,827
Did you know that a <picture> tag lets you choose a different image source for dark mode?
4
28
183
28,365
Why can't the web frameworks just put aside their differences and focus on the common enemy: Google Tag Manager?
2
9
173
Netlify Edge Functions support WebAssembly, so you can be one of the cool kids running PHP at the edge right now! Try it out: php-edge.netlify.app/ See the code: github.com/ascorbic/php-edge…
11
28
181
Personal news: New year, new job! Next week I'm joining @gatsbyjs on the open source team, which is basically my dream job. This is super exciting for me as I've been a huge fan of Gatsby for years, using it and contributing to the project. The team are also lovely and welcoming.
7
5
181
I've ported @shuding's awesome Vercel OG image library to Deno, so you can use it with any framework (or none). It works on Netlify Edge Functions and Deno Deploy. Take a look! deno.land/x/og_edge
4
25
182
I have news. After 3 years, I'm moving on from @Netlify. I've been so lucky to have been able to work with so many lovely, clever people at Netlify and in the open source projects I've worked with. I'm still a big believer in the company and its goal to build a better web.
25
175
28,072
There are nightly builds now available for @GatsbyJS Desktop over on GitHub. Still very unstable (just a week of dev so far), but give it a try. github.com/gatsbyjs/desktop
2
28
168
I realise Twitter is no place for nuance, but seriously: it is possible to think that Boris Johnson is a terrible prime minister, but also accept that it's good that he went to Kyiv.
12
19
143
I made another library: 🖼 @​unpic/placeholder generates pure-CSS image placeholders. It does this by rendering a BlurHash to a CSS gradient or tiny BMP data URI at build time: github.com/ascorbic/unpic-pl…
13
18
165
42,144
Funny that most people are taking this as hippies taking helicopters rather than the super-rich going to Glastonbury. These are the same people who will be going the same way to Silverstone and Ascot.
4
13
151
11,680
Something a bit different in today's unpic-img release: a Next.js component! This is included in @​unpic/react, but is just for Next.js. So, why use this instead of next/image, or regular @​unpic/react? Read on, because there are some important reasons
4
11
166
94,354
Hello Twitter. This edge function will replace every image on your site with a kitten. Happy Friday!
8
8
163
31,596
This is what peak performance looks like
8
2
167
17,706
If you follow me, you'll know I'm quite a fan of image CDNs. Well, they finally let me help design the image CDN of my dreams and then they only bloody well went and built it! 🐝 works automatically 🐋 really simple URL-based API 🦞 does all you need and no more Give it a try!
Introducing the Netlify Image CDN. 🎉 Works with any site and framework to easily optimize, transform, and serve images. Available to use in your sites now. ntl.fyi/imagecdn
5
16
159
45,090
I'm writing a comprehensive guide to advanced caching with @remix_run. The way it handles headers is just so powerful. I'll be sharing it next week.
8
5
150
17,340
Replying to @fesshole
2
1
139
39,251
OK, here it is. I've written a rather long guide to advanced caching with @remix_run. It covers: - implementing standards-based ISR - keep cache logic with your data loaders - using stale-while-revalidate for slow pages - using cache tags to selectively invalidate the cache
✨ ISR + advanced cache controls + Remix + Netlify ✨ A detailed guide from @ascorbic developers.netlify.com/guide…
5
16
151
30,363
I honestly don't get it. Why do Americans like these ridiculous vehicles? They're not practical. They're not fun to drive. What are they actually for?
36
135
After spending lots of time in the codebases of older web frameworks like Next and Gatsby, it's always such a joy to switch to working in next-gen ones like SvelteKit, Nuxt 3 and Remix.
11
5
130
He taught you to be a bad person. Congratulations.
1
116
1,783
Last year they sent me a box of swag. This year I'm barred 🥹
1
114
31,924
Did you know that the library @Netlify uses to detect a site's framework or build tool is open source? You can open a PR to add your own favourite, so it knows the right commands, ports and build dirs. I just added WMR, and SvelteKit was added last week. github.com/netlify/framework…
2
19
123
On her second day at @Netlify, @whitep4nth3r suggested a change to the Next.js build plugin that's a single line of code but a massive win for DX. I feel pretty silly for not thinking of it before tbh.
6
4
116
Sorry Cloudflare, you're not worth blocking
1
1
111
36,458
Best new feature in macOS Ventura
13
17
110
30,675
Remix Vite now runs natively on Netlify! We have a new Vite plugin for @remix_run and new templates that use it. I've written a guide to getting started with a new site, as well as how to upgrade to get the speedy Vite dev experience.
1
14
113
31,956
Replying to @Jason @Tesla
So, you'll needlessly mess with the interface and make it harder to use, while failing to fix really basic features?
1
96
I knew that @Nigella_Lawson 's Kitchen was a classic, but I didn't realise it was 17th Century
3
99
I have access to the @nuxt_js 3 private repo and can bring this sneak spoiler: the code is really nicely written and the maintainers are nice and helpful too.
9
4
106
I can finally talk about the thing I've been working on for the past few months! Netlify Connect syncs all your data sources into a shared data layer with a GraphQL API. Here's how and why netlify.com/products/connect…
15
16
105
40,650
I don't know who needs to know this right now, but the new @Nigella_Lawson book is a joy
2
102
This is what I wished Next.js PPR would have been. The shell served as an actual static, cacheable page, and the dynamic islands loaded in parallel, separate requests. Much simpler, and works everywhere. 🏝️
Coming Soon: Server Islands — Defer dynamic content on the initial render. Server Islands are best of both worlds: dynamic UI + fast static HTML page shells that can cache in your CDN. All powered by Astro's existing islands architecture. astro.build/blog/future-of-a…
6
3
105
22,671
Is casual racism a requirement of the GB News job, or have you always been like that?
10
3
85
Lyra (8) has asked me to share this ad for her website trexible.com, which she has been diligently updating for over two years now
9
12
85
Replying to @deno_land
A package manager 😏
6
95
Gatsby 4 DSG and SSR are 🔥 Deferred static generation in particular is such a great implementation. I much prefer it to Next's ISR
4
22
95
We have another unpic-img framework! The latest addition is...⚡️@QwikDev. If you want responsive, high-performance images that are as simple as an img tag, take a look. Now supports React, Preact, Svelte, Solid, Astro, Vue & Qwik nitter.app/carbon_noreply/status/… github.com/ascorbic/unpic-im…
6
12
102
18,877
I love how powerful @vite_js plugins are. This is all it takes to make a Shopify Hydrogen store deploy to Netlify Edge Functions. It's all in the Vite plugin.
2
8
98
FIRST DAY AT @Netlify !! How long til they notice that I'm making it up as I go along?

ALT Shhhhh! Imposter!

9
1
95
On my last day at @GatsbyJS, here is a short but very self-indulgent thread of the things that I am most proud of working on while I've been here: 🧵
4
6
93
SvelteKit now has support for Netlify Edge Functions! Thanks for the quick update, @Rich_Harris! Update your packages, add `edge: true` and you're good to go.
1
18
91
Remix doesn't have an image component and that's good actually. I've written a guide showing how you can easily serve great images with Remix, and it's better than using most framework-specific components. Long time listeners can probably guess how.
Want optimized, responsive images, from an image CDN in your @remix_run applications? Learn how simple it can be to add an image component to your Remix sites to do this for you, thanks to the platform primitives exposed to all frameworks on Netlify. developers.netlify.com/guide…
2
11
94
17,487
A very specific system error, it seems
Most definitely a system error, I of course want them to attend.
1
85
39,137
We now support Next.js 13 out of the box on Netlify! The app dir stuff is still super experimental but you can try out a pre-release. I did a quick blog post explaining it all netlify.com/blog/deploy-next…
1
15
84
If you publish npm packages, you really should be using publint, because there are a million ways your can screw up your package.json publint.dev/
4
11
91
11,733
I was wondering if Unpic worked with local images on Remix. tl;dr of course it does. It took about 3 minutes to get it working. This is all you need to get a responsive, high-performance img tag. 🌳❤️💿
4
7
85
21,444
Here we go again. The "standards-compliant" Next.js Edge Runtime now expects to find Node.js Buffer on globalThis github.com/vercel/next.js/bl…
3
4
89
42,261
We're making images faster and easier to use in @GatsbyJS and need your help with the API. In exchange we'll give you: 🖼️Simplified image components 💯Better Lighthouse scores 👻Less-scary GraphQL queries Let us know what you think in the RFC github.com/gatsbyjs/gatsby/d…
6
21
83
Just so we're clear: if the Home Secretary decides that you don't "share British values", he should be able to strip your citizenship without a trial? And if the Home Secretary was Diane Abbott would you feel the same?
19
7
64
The first big Astro feature that I've worked on is launching this week 🚀
7
2
81
7,815
I've spent some time looking at Next Middleware/@vercel Edge Functions and I'm a fan. I was skeptical about how they're using @Cloudflare Workers because it does add latency, but they have really improved the DX and it's neatly done. A thread of my thoughts follows!
4
8
87
Woohoo, my first Next.js PR merged! And it's not even a Netlify thing, just a bugfix. Even after 10+ years of OSS contributions, the first merged PR still feels great. Among the big frameworks, that means I've now contributed to: - Next.js - Gatsby - Nuxt - SvelteKit
3
81
Replying to @TkDodo
Spare a thought for all of us on the Netlify frameworks team who have to make this all work on our platform when they have less than zero incentive to help us out. No heads-up at all, so I have to use detective work to not get caught on the back foot. Went ok this time! 😅
4
6
85
There's now an official Netlify plugin for ChatGPT and it's so much fun. Describe the site you want and it'll create it and deploy to Netlify! No account needed. Props to @jasbarry for building this. (Video sped up because, you know, GPT-4)
1
17
82
29,682
Congratulation to Shopify and @remix_run. I think this is great news for the open web. Having a strong backer for Remix is very good news. There are some very interesting implications though for the future of React. 1/x shopify.engineering/remix-jo…
3
10
82
Making Astro loaders is a lot of fun. I am expecting a bit of a landrush of people building them, so now's the time to get into it.
5
6
80
13,291
Followed closely by
2
1
67
I've been working on rewriting the @gatsbyjs develop command to use XState. Today I did a test to get a live visualizer connected to it. It's streaming the state updates via a websocket. It's pretty cool! This could be a nice thing to add to the develop server. Cc @DavidKPiano
3
8
78