Remove articles what-is-graphql-2
article thumbnail

Gatsby Headaches: Working With Media (Part 1)

Smashing Magazine

If you are unfamiliar with Gatsby , it’s a React-based static site generator that uses GraphQL to pull structured data from various sources and uses webpack to bundle a project so it can then be deployed and served as static files. What if we want to make an image gallery that contains 100 images? How about working with SVG files?

Media 79
article thumbnail

Gatsby Headaches: Working With Media (Part 2)

Smashing Magazine

Gatsby Headaches: Working With Media (Part 2) Gatsby Headaches: Working With Media (Part 2) Juan Diego Rodríguez 2023-10-16T13:00:00+00:00 2023-10-16T16:23:46+00:00 Gatsby is a true Jamstack framework. That is what this brief two-part series is about. That includes media files, like images, video, and audio.

Media 87
Insiders

Sign Up for our Newsletter

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Trending Sources

article thumbnail

Building A Web App With Headless CMS And React

Smashing Magazine

In this tutorial, you’ll learn what Headless CMS is, and the pros and cons of Headless CMS. and GraphQL queries. You can always brush up on React and GraphQL skills, of course!). What Does This Look Like In Practice? What Does This Look Like In Practice? What happens when you take away the frontend of a CMS?

article thumbnail

Reducing HTML Payload With Next.js (Case Study)

Smashing Magazine

I know what you are thinking. Here’s another article about reducing JavaScript dependencies and the bundle size sent to the client. This article is about a couple of things that Bookaway faced and we (as a company in the traveling industry) managed to optimize our pages, so that the HTML we send is smaller. Liran Cohen.

Google 110
article thumbnail

Setting Up CloudFront to Host Your Web App

CSS - Tricks

In my last article , we went over how to set up a web app that serves chunks and bundles of CSS and JavaScript from CloudFront. Notice the large connection times for lines 2-4. You may be wondering whether the setup we covered in the last article even offers any benefits because of what we’re doing here in this article.

Cache 79
article thumbnail

Gone Floating Labels And Green Lighthouse Scores

Smashing Magazine

Ironically, at the moment of publishing that article in late February, we still had floating labels used in most of our forms, and we wanted to explore if removing them would actually help us improve the overall experience on the site. What happens when some values are auto-filled , but others aren’t? Vitaly Friedman. Large preview ).

Mobile 140
article thumbnail

Creating A Magento PWA: Customizing Themes vs. Coding From Scratch

Smashing Magazine

However, what if you want to build a progressive web app with Magento? What Does This Mean? The Rooted Objects brand saw 162% conversion growth, what a tangible boost! Read point 2. Alex Husar. 2021-11-02T12:00:00+00:00. 2021-11-02T17:37:55+00:00. Why Do Business Owners Opt For Magento PWAs In The 2020s? Why is that?

Code 74