Algolia's team developed a custom Netlify build plugin that indexes sites for search after a deploy is successful. This post is a deep dive into their process and includes insights for developers who are curious about rolling their own custom plugins on the Netlify build infrastructure.
The Netlify Blog
Exploring the Jamstack, static sites, and the future of web development. Subscribe to our newsletter to make sure you don't miss anything.
All posts / Guides & Tutorials
We are still very excited about the Vue Composition API. So in this post, we'll explore how it works, build an event registration form and hook it up with a serverless function to submit the form.
You might have heard about serverless functions, but have you heard about background functions? They're a new kind of serverless functions that can run up to 15 minutes!
If you want to use GraphQL in your apps, most tutorials have you install Apollo, URQL, or other GraphQL clients. But you only need the Fetch API!
We loved our time at Reactathon, even when our discussions were... very serious.
Want to use AMP in your Next.js projects? Want to know more about what AMP is? Learn both now!
Want to add useful, fun, or experimental plugins and presets to your Next.js projects? Here's how!
Children in React have a changing data structure, there's multiple ways to use them, and they have a module. Let's deep dive into how to use them!
Where and how do I call an API in Next.js? How does getStaticProps work? Can I mix and match build time and runtime? Learn all of this and more in this post.
Next.js collects telemetry data by default. Here's how to disable that!
Curious about the new Web Monetization W3C proposal? Here's how to implement it in your projects with Netlify Snippet Injection!
Where are my logs? Next.js is a hybrid framework, so depending on where you call console.log(), the results could be in different spots.
Want to get your CodePen work onto Netlify? Here's how to do it in a snap!
Learn what React Strict Mode is, and how to implement it across your Next.js applications!
Both Next.js and Netlify come with built-in support for environment variables. Here's how to use them!
Ever wanted to apply global styles across your Next.js application? Here's how!
Why have a boring default error page when you can spruce it up? Next.js has a custom static 404 page built right into the framework. Here's how to use it.
Absolute imports can save the day when you have to deal with project organization and multiple levels of folders.
Sometimes you need what's called an "escape hatch" to access certain browser properties and methods in a Next.js application. Here's how to make one!
React Fast Refresh is the latest and greatest way to load components in vanilla React, Next.js 10+, Gatsby, and more!
Next.js allows you to both server-side render and statically generate websites. Why would you choose one over the other? Read and find out!
Ever wondered how you should manage state information across your Next.js applications without installing anything extra? Look no further!
Learn how to deploy Next.js sites to Netlify! Take advantage of Next features like dynamic routes and Preview Mode while keeping the power of Netlify.
Read an excerpt from one of our free eBooks showcasing how the Jamstack can unlock developer productivity within enterprises.
If you visited our homepage recently and are from the United States, you might have noticed that we added a small dismissible US Election banner at the top of the page to encourage Americans to make their voice heard and go vote in the upcoming election.
There can be a lot of confusion around why Jamstack is becoming so popular or so widely used. How does it differ from other technology stacks? This animated explainer breaks down the answer to "Why Jamstack?" visually.
We had a blast at Next.js Conf and our teammate Cassidy had a spooky demo for everyone.
In this tutorial, we'll create a Nuxt application with Hasura to create GraphQL endpoints. It's an incredibly smooth developer experience to create a fullstack Jamstack app quickly.
So you want to build your web application using third party APIs. Given so many options, how do you choose?
Learn about deploying sites with the Netlify API and Postman. Get the building blocks you need to make use of our API endpoints and get a basic website live!
Learn more about Netlify's own website tech stack. Recently we combined Eleventy and Vue, read about the details behind the setup in this article.
Nuxt has created a new static configuration option, which works extremely well for Jamstack sites, in particular creating automatic dynamic routes. This post goes over the new feature.
In this post, you'll learn how to set up and integrate Prismic with Next.js on Netlify.
In this post, you'll learn how to set up and integrate Contentful with Next.js on Netlify.
Learn how to build a self-hosted, open-source blog. In this guide, you’ll learn how to deploy Strapi to Heroku & auto-deploy changes to your Netlify site.
Netlify now supports self-hosted instances of GitHub Enterprise & GitLab! Learn how you can start shipping with Netlify today!
Let your users tell you how they feel! Avoid the hassle of comment moderation without removing interactivity with this fun, open source slider!
In this post you'll learn about how to use the Netlify Identity Widget in your Next.js projects!
This step-by-step, post-by-post, tutorial will show you how to create a pre-rendered Angular blog using Scully, Markdown content and Netlify's CDN.
Companies at every size need to make money to survive. Learn how to manage user subscriptions and paywall content in this in-depth tutorial!
Learn how to use Commerce.js and React with Next.js to create your own Jamstack eCommerce sites in this detailed tutorial with demonstrations and code samples.
Netlify and Name.com have teamed up to offer domain names in Netlify’s platform. Learn the basics and how to set up DNS records or use the in-flow DNS hookup with Netlify.
In this post, we'll add login, add multiple external OAuth providers, and create user roles with just two lines of code!
Gatsby is one of the most popular front-end tools in web development today. Learn what it is, what it’s best at, and whether or not it’s right for your site.
Have a custom back-end or API? You can build a Jamstack app with that! Learn how it works in this step-by-step tutorial.
If your Jamstack app needs extra power, create a custom back-end for dynamic features! Learn how in this tutorial on creating a custom Strapi back-end.
What's so exciting about Next.js? Should I be using it for my project? Here's a primer to help figure out if it's right for you.
When the site you are building keeps growing in size and is very large, the time it takes to pre-build that site takes longer too. This article goes into detail about how best to architect your web property to build quickly and with confidence.
Your Netlify builds just got better with improved logging. Get deeper insights into what’s happening in your builds for an even better experience!