Denis Rusanov
Web developer

This is the second popularity of JavaScript Framework after Next.js.

Gatsby .js is not only great for creating large projects (as many people associate it with) but it is great for creating quick landing pages and other presentation projects.

Amazing performance can be achieved above 90 points for mobile (Lighthouse Chrome)

Can be placed anywhere just like regular static HTML CSS JavaScript. You don't even have to pay for hosting (unlike WordPress) you can use high performance CDN hosting for free. For example Gatsby Cloud, Vercel, Cloudinary or place on an existing hosting.

Image optimization is integrated by default. Gatsby can crop the image to the correct width and automatically converts to modern formats such as Webp. You no longer need to spend a lot of time preparing images for production.

According to your needs, I will develop the project structure and design further and start building your project with Gatsby.js

I can design in Figma or Adobe XD according to your requirements. If you already have your sample design, I will develop a project based on it.

I try to keep the code as simple and efficient as possible. I also like to give the client a very optimized project: This is a local inclusion of fonts and image optimization using lazy loading, as well as minimizing CSS styles. Reducing the use of various third-party libraries that degrade the final performance.

I also pay a lot of attention to Seo-optimization. For this, I use the Seo.jsx component with React Helmet connected which creates all the necessary meta tags, including for social networks (OG tag).

Next.js needs no introduction, it is the most popular JavaScript Framework on the market which has some of the benefits listed for Gatsby.js but also has a much better back end.

Next.js 13 has a very powerful API that can contain a lot of functionality while still having all the speed of a static site.

Next.js contains all the same features as Gatsby.js but version 13 is really interesting. Support for React server-side components, integration of local fonts to avoid using the Google APIs, and many other useful features make Next.js a great partner to grow your project.

I create Next.js 13 applications to improve your business performance. This is especially true for page load indicators, which greatly affect your SEO promotion in search networks. Also, Next.js has even more room to grow your project. By interacting with third-party APIs, you acquire additional functionality that takes a very long time to create.

These technologies are well suited for small projects, there are now a lot of developers on Next.js and there are no problems in maintaining your project in the future.

Nexjs is more suitable for projects that use third-party APIs or do other work on the server side. For example, client authentication (Next Auth), working with a database, and calling third-party APIs or Headless CMS.

Also, in Next.js, it is much easier and easier to connect server-side scripts, which speeds up page loading, since we do not use the resources of the user's mobile phone.

The problem with all Jamstack architectures is that none of the major frameworks have integrated content management systems. But since this technology is based on API requests, we have an additional solution to this problem in the form of Headless cms.

Dato CMS is a headless CMS that allows you to create a content model and then use it in your project. It is very easy to use and has a very good interface. It is also very easy to integrate into your project.

Look at an example of one of these works:
Leonard Tobias - photographer
This is a landing page created on Gatsby.js + Dato CMS with the ability for the client to completely change all the content. He can add an image, change any text on his site and can also control SEO without involving a developer.

Dato Cms is not as famous as Strapi, Sanity Contentfull, but it is absolutely undeserved. It has a generous free plan, does not require server-side deployment, and has a great, intuitive interface.

Dato CMS contains a lot of features for optimizing images, creating repeating component models, a fairly wide setting required for blocks to be filled in (title text, aternative text for images, SEO titles no more than 160 characters, etc.)

Strapi is the undisputed leader of headless cms the most stars on Github and it has very wide features that are suitable for both small and large projects.

The only reason why I didn't choose it as the main headless cms is that it needs to be deployed on a server for example on Heroku it will cost from 5 to 7 dollars per month it's a small expense but for small projects you can get by with a simpler simple Cms .

Although it remains an excellent choice for medium to large projects. Its speed is at its best, it has a user-friendly interface, and the i18 plugin for multilingual sites is perfectly configured in it.

Why use headless cms and static site generator? It's very simple - it's a unique design and high speed, as well as unsurpassed security.

Of course, you can easily create a WordPress site using ready-made themes. But if you want a custom design, you'll also have to change an existing theme or create a new one. I won't say anything about WordPress performance, there are themes that are relatively fast (but definitely not as fast as Gatsby or Next.js).

For example, if you have a lot of images or videos and want a really fast, highly secure site, static generators like Gatsby and Next.js are great choices. Headless CMS will be responsible for content management.