Скачать с ютуб Building a website with Strapi 3, Next.js - Introduction в хорошем качестве

Building a website with Strapi 3, Next.js - Introduction

Introduction of a series of videos about how to create a website with Strapi 3.0, Next.js, hosted on google cloud run (Strapi), and Vercel (Next.js). Introduction Post on Medium:   / a-website-with-strapi-3-next-js-google-clo...     / membership   When building a professional website, for marketing, or just a blog, we are presented with different choices of technologies. I am entering a state of mind that is close to the 'tool fatigue' era. That era was about how many tools were available and how complicated the configuration was, things have not changed a lot. Now, let's look at how to create a professional website with technology that is easy to use and without any tools. We are going to focus on productivity. Strapi is a headless Content Management System. If you are building any site for any client or company, chances are they will not want to modify code but instead modify content. Content Management System have a lot of options. The most famous CMS is WordPress. A headless CMS has the advantage to not tie you to a specific technology, to a specific UI. The CMS acts as an API to retrieve the content. You are now free to build your frontend using this API. Strapi is definitely one of the best open-source headless CMS out there and we are going to use it to create this website. It is simple enough, has a good way to configure it simply. Next.js is a framework to build React applications. It provides more than just React itself. You can use it to build server-side applications. Next.js will smartly build your pages based on what data they need. If your page needs new data on every request, it will be server-side rendered. If your page needs data common to every request, it will fetch the data at build time and build a static page. You also have the ability to create lambdas for quick API such as contact form handling, newsletters… On the configuration side, we are in luck with Next.js. It provides a CSS-in-JS solution out of the box and it works with typescript. It has everything you need to get started on a basic website. Vercel is the platform we are going to use to host our Next.js website. Next.js is made by Vercel and the framework works perfectly when hosted on this platform. It integrates with GitHub so your website is released automatically when you push to your repository. With the choices of technologies, you might have noticed we are going to do something simple. We are using the predefined solutions provided by the frameworks we chose (e.g. styled-jsx for CSS-in-JS) and take advantage of the ease of configuration of those technologies. The goal here is to create, in an efficient way and remove friction.