Gatsby V2 was recently launched, and people want to better understand it. Starting this site builder will be difficult, but it will work in the long run. Headris CMS has recently attracted the attention of web developers. Their front line was Gatsby, which spread like wildfire. Now it’s time to move to the bottom of this site builder. 1. what is Gatsby? Before you know how to use related resources, please understand the basic knowledge of Gatsby. This is a reaction based static site generator. This actually means combining the best parts of applications such as react, webpack, react router, and graphql with advanced but enjoyable web developer tools. This can be called a static site generator, but it is not an old name. Compared with the static site generator, it is closer to the modern front-end framework. The
Powerful preconfiguration can be used to build a website that uses only static files for page loading, service worker, code segmentation, intelligent image loading, server-side rendering, and data prefetching. This is all you can get from the box. It will be hard to find the tools to achieve such amazing speed. Start by coding and developing your web site. Gatsby then helps you convert directories into directories with a single HTML file and some static assets. The folder will be uploaded to your favorite hosting provider and the operation has been completed. You might think it is similar to Jekyll or some create act. The
2. what is the reason why it is special enough to be used? Everyone has their own network package configuration, so you may want to know why you want to switch to Gatsby, etc. The create reaction application works well, but if it doesn’t fail, why fix it? In many cases, these applications do not provide all the tools needed to complete the operation of the website. Gatsby has a few interesting points. The way Gatsby uses graphql is innovative. Use it to create a data layer. This means that you can collect data in markdown, JSON, your favorite CMS, third-party applications, or anywhere. An internal graphql server that creates the same data at build time. By default, all data is queried at build time. The
The richness of the Gatsby ecosystem is another excellent thing that benefits you. Although it is not a long time, we have excellent documents and a large number of startup tools to help you build your website quickly. Although the method of collecting data may sound complicated at first, Gatsby’s documented data source plug-in allows you to insert a few lines of code into a configuration file. 3. React and graphql when people want to use Gatsby, the biggest obstacle is react and graphql. As I have already mentioned, they are the cornerstone of Gatsby. When you want to use them to build a fast website, it is essential to understand them. If you are already familiar with these resources, it is easy to use Gatsby. Just knowing one thing can make a huge difference. Some people may not be familiar with either. This can be a problem if you want to try. You might wonder if it is worth learning two programs to run the third test. Fortunately, Gatsby not only uses react and graphql, but also both are good learning tools. In a sense, this can be regarded as a training ground for three people. The
If you don’t have these knowledge, you can use Gatsby, but there will be some problems. If you do not have graphql, use common APIs in components, etc
