![]() I will not create all the fields in this tutorial, but I am leaving a couple of screenshots of the collection fields for you to follow. In the following modal, type Name in the name field, select Short Text, and click Add another field.įollow the same for all the other fields we discussed earlier. Moving on, you will behave to choose the different field types for the fields we have previously discussed. ![]() Keep in mind to name it in the singular, as Strapi automatically pluralizes the word. To create our first collection type, click on the Create new collection type button on the Content-Type Builder.Ī modal (popup) will come up, and you will be prompted to enter the name of the collection type. Hence let's initially create Category and Post collection types. You might notice the relationship between the Post to Category and Author. ![]() Reading Time - (this we will automatically update based on the content).Category - the different categories of posts.Let's breakdown the collections we are going to create with their fields The Content-Types Builder can be accessed from Plugins > Content-Types Builder in the main navigation of the admin panel. To create a Collection, Strapi comes built-in with a Content-Type Builder. You can analogize this to be tabled in a database. To create a Strapi project, run one of the following commands in your terminal.Įnter fullscreen mode Exit fullscreen modeĪfter running the above command, you will be taken to to create the first administrator account.Īfter you have filled in the details, you will be taken to the admin panel.Ĭollection Types in Strapi are the content type that is used to define the structure to hold data. This makes Strapi a great choice to quickly build an application and manage content. Strapi is an open-source headless CMS that allows to bootstrap RESTful API in a matter of minutes.Īdditionally, it comes with a GUI (CMS), which helps manage different content types. In this section, we are going to set up our backend using Strapi. Have one of these Node.js versions installed - v12.20.0, v14.13.1, v16.0.0, or higher.The React team recently released a comprehensive documentation While this tutorial is beginner-friendly, you'll need to have/do the following before you can follow along Why a blog application? When playing around with a new technology building, a decoupled blog application encompasses all the concepts you will need to know to build any web application from database concepts, web APIs, and frontend design and development. In this tutorial, we will be learning to build a blogging application using Strapi as the CMS and Astro powered by React to build the frontend. It comes with everything needed to build a site without adding or configuring libraries that support the above, a great starter into the world of JAM Stack.Īssuming that introduction got you interested in Astro, let move ahead and build something with it. Stying with CSS Modules, Sass and Tailwind,.In addition to all that, Astro has out of the box support for Unlike other correctly frameworks like Next.js or Gatsby, Astro assumes your site will always be static and gives the flexibility to load JavaScript if and when needed only. The concept is called Progressive Enhancement/Partial Hydration. What's unique about Astro compared to other static site generators is its first-class support for loading JavaScript on-demand. You can use React, Angular, Svelte, or Vue or together at any point in the project to build a super-fast and SEO-friendly website. Astro provides a frictionless developer experience to get started as it allows you to bring your framework to build sites and has Astro components. Astro is another JavaScript-based static site generator, but ships ZERO JavaScript to the client by default.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |