This was an exploration and the component might not be perfect (accessibility.) but it works. Here we are! Changes are now recognized, can be saved to the database and are available via the API. Import Victory, the font awesome icon library now shows up !!!! Src/plugins/my-custom-field/admin/src/components/MyFirstField/index.js npm i let's build and style with the strapi/design-system. npm i is a neat little package giving you strapi styling components out of the box, let's add it via. npm i is a neat little package giving you font-awesome icons out of the box, let's add it via. React-fontawesome is a neat little package giving you the easy way to render a Font-Awesome icon in a react app out of the box, let's add it via. The next step is to build the component itself. In our case, we simply want to display an input component, so no need for routes. It is a great design tool for web developers because the font icons are so easy to use and customize on your website. This would, for example, enable you to create custom routes & responses for your API if needed. Font Awesome is a massive icon library and toolkit used by millions for various purposes on the internet. You'll notice this folder contains itself a bunch of files and even a package.json, acting in a way as an isolated program within your app. This will create a general plugin folder at the source of your project, containing a folder for your new font awesome icon library plugin. 1) Generate a new plugin via the cli yarn run strapi generate:plugin my-custom-field This section of the docs gives a basic understanding of the direction to take. I quickly noticed the community was also very active with a lot of content available on Youtube. Strapi's documentation is a good place to start, as it covers a lot of topics, from quick start to deployment. However it is, as mentioned, fairly common to need custom types and I decided to try to build my own: font awesome icons library. Talking about schema, creating new models for your content is extremely easy as Strapi provides a list of types directly available covering most of your needs. Plugins can be seen as a way to enhance your application and, if my understanding is correct, are themselves key components of Strapi as their whole schema builder (Content-Type Builder) and Media Library are indeed plugins. Strapi offers both and tweaking can be done through a plugin system we will now explore. the potential for advanced customization, like adding custom input fields specific to the client's business use case.the ease of use, both for me as a developer and for my client, who often is a non-technical user.I usually look for two things in a headless CMS: It is based on Node.js & React.js, can be self-hosted or deployed to the cloud (Digital Ocean, Heroku etc) and uses both a REST and a graphQL API for your requests. Strapi is developed by a (mostly) French team offering another very easy way to deploy a full-featured API for your front-end application.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |