![]() Under the Plugins header in the left sidebar, click the Content-Types Builder tab and then click Create new collection type to create a new Strapi collection.Ĭreate a new collection type with Display name - feedsources and click Continue in the modal that appears. At this point, set up your administrative user:Įnter your details and click the Let's Start button, and you'll be taken to the Strapi dashboard. Once the execution completes for the above command, your Strapi project will start on port 1337 and open up localhost:1337/admin/auth/register-admin in your browser. This command will create a Strapi project with quickstart settings in the backend directory. In your terminal, execute the following command to create the Strapi project: npx create-strapi-app backend -quickstart In the strapi-nuxtjs-news-app directory, you’ll install both Strapi and Nuxt.js projects. Open your terminal, navigate to a path of your choice, and create a project directory by running the following command: mkdir strapi-nuxtjs-news-app You'll need a master directory that holds the code for both the frontend (Nuxt.js) and backend (Strapi). The entire source code for this tutorial is available in this GitHub repository. Nuxt.js - This tutorial uses Nuxt.js v2.15.x.Strapi - This tutorial uses Strapi v3.6.x.Node.js - This tutorial uses Node v14.18.x.The source code for this project is available on GitHub. ![]() Use CRON jobs to fetch news items automatically.Learn to set up Frontend app using Nuxt.js.Learn to set up Strapi Collection types.This tutorial aims to learn about Strapi and Nuxt.js by building a News Aggregator app with Strapi and Nuxt.js. It means the code written in Nuxt.js can run on both client and server, offering Client Side Rendering and Server Side Rendering simultaneously. ![]() Nuxt.js is a framework for building Vue.js apps that are universal. The best thing about Strapi is that it is completely open-source and self-hosted. Strapi provides a UI where you can develop your collection types and subsequent APIs to fetch the data from Strapi using REST or GraphQL API. Strapi is a headless CMS (Content Management System) based on Node.js and builds APIs. ![]() This is what you'll be doing today by creating a News Aggregator app using Strapi and Nuxt.js. Wouldn't it be awesome to create your own News Aggregator app that you can control and customize according to your needs? If you are an avid reader, you might have a News Aggregator app installed on your device. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |