Progressive Web Apps Development
Work in ProgressSite Menu
Gatsby is a pre-configured development environment and build process that delivers high performance PWA: Progressive Web Apps
Gatsby uses React for its UI: User Interface layer. It can be difficult to get started with React even for experienced React developers
Moreover, site performance isn’t just a technological challenge. It’s also an organizational challenge. If one team owns the CMS, another owns the UI and another owns the app server, coordinating around performance improvements becomes difficult.
To paraphrase Tolstoy, all fast websites are alike, but all slow websites are slow in different ways.
The good news is that there are established patterns for improving website performance, no matter what your initial setup looks like. The bad news is that front-end performance checklists are long.
Your team probably doesn’t have the time for a long checklist, and that’s okay. Our approach is different — Gatsby bakes these performance improvements in at the framework level. We nerd out about performance, so you don’t have to.
As a result, people use adjectives for Gatsby sites like “disgustingly fast.” Users report speedups between 3x and 10x after migrating a website to Gatsby. — Kyle Mathews, creator of Gatsby
Develop - The Gatsby
develop command starts a browser hot-reloading development environment. VScode saved edits are live reload in the browser.
Build The Gatsby
build command starts an optimized production build of Progressive Web Apps.
Serve - The Gatsby
serve command starts a local HTML server for locally testing Progressive Web Apps using the production build.
Deploy - When Progressive Web Apps repos are pushed to GitHub, they are automatically compiled and deploy to the Internet by Netlify Application Deployment Network
Built for Speed - Gatsby builds high performance Progressive Web Apps. Users web experiences are not limited by the speed of server rendering engines or by the speed of the Internet. Speed is only limited by the speed of web browsers running on user devices, because the PWA is totally running in the browser
Data - Gatsby has a rich data plugin ecosystem enabling building Progressive Web Apps with data from one or many sources. Data from headless CMS, SaaS services, APIs, databases, file systems, etc, is read during compile time using GraphQL and and is compiled into the app
Internet Scale - It doesn’t need complicated deploys with databases and servers and their expensive, time-consuming setup costs, maintenance, and scaling problems. Gatsby compiles to a single Progressive Web Apps HTML file which can be deployed to the Internet by several services
HTML code is generated server side
Extensible by plugin ecosystem
Configured Webpack based build system
Automatic routing based on the directory structure.
Integrations with 120+ backends, including 15+ enterprise content systems like Wordpress, Drupal, Contentful, Contentstack, Salsify and Shopify, as well as the ability to add additional sources.
A React development environment, along with key plugins that provide key website features like SEO, routing, accessibility, and i18n.
Lightning-fast out-of-the-box performance, including both payload and delivery optimizations.
Gatsby compiles high performance PWAs, supports modern development frameworks, and connects to enterprise content systems