Quick Start Guide

Quick Start Guide

Get ready to get Strapi up and running in less than 3 minutes 🚀.

For a step-by-step guide, please take a look at the following steps. This quickstart is really close to the FoodAdvisor (opens new window) application.

(Before continuing, please make sure Node.js and npm are properly installed on your machine. You can install the Yarn v1.2.0+ package here (opens new window).)

WARNING

In the 3.1.5 the Roles & Permissions section has been migrated into the Settings section.

1. Install Strapi and Create a new project

yarn create strapi-app my-project --quickstart

npx create-strapi-app my-project --quickstart

2. Create an Administrator user

Navigate to http://localhost:1337/admin (opens new window).

Complete the form to create the first Administrator user.

3. Create a Restaurant Content Type

Navigate to PLUGINS - Content Type Builder (opens new window), in the left-hand menu.

Click the “+ Create new collection type” link
Type restaurant, and click Continue
Click the Text field
Type name in the Name field
Click over to the ADVANCED SETTINGS tab, and check the Required field and the Unique field
Click the “+ Add another Field” button
Click the Rich Text field
Type description under the BASE SETTINGS tab, in the Name field
Click Finish
Click the Save button and wait for Strapi to restart

4. Create a Category Content type

Navigate back to PLUGINS - Content Type Builder (opens new window), in the left-hand menu.

Click the “+ Create new collection type” link
Type category, and click Continue
Click the Text field
Type name under the BASE SETTINGS tab, in the Name field
Click over to the ADVANCED SETTINGS tab, and check the Required field and the Unique field
Click the “+ Add another field” button
Click the Relation field
On the right side, click the Category dropdown and select, Restaurant
In the center, select the icon that represents many-to-many. The text should read, Categories has and belongs to many Restaurants
Click Finish
Click the Save button and wait for Strapi to restart

5. Add content to “Restaurant” Content Type

Navigate to COLLECTION TYPES - Restaurants (opens new window), in the left-hand menu.

Click on + Add New Restaurants button. Type Biscotte Restaurant in the Name field. Type Welcome to Biscotte restaurant! Restaurant Biscotte offers a cuisine based on fresh, quality products, often local, organic when possible, and always produced by passionate producers. into the Description field.
Click Save.

If you navigate back COLLECTION TYPES - Restaurants (opens new window), you will see your restaurant listed in the entries.

6. Add categories to the “Category” Content Type

Navigate to COLLECTION TYPES - Categories (opens new window).

Click on + Add New Categories button. Type French Food in the Name field. Select Biscotte Restaurant, on the right in the Restaurant (0) dropdown.
Click Save.

Navigate back to COLLECTION TYPES - Categories (opens new window). You will see the French Food category listed in the entries.

Click on + Add New Categories button. Type Brunch in the Category field. DO NOT ADD Biscotte Restaurant to the Restaurants dropdown on the right.
Click Save.

You will see the Brunch category listed in the entries.

Navigate back to COLLECTION TYPES - Restaurants (opens new window).

Click on Biscotte Restaurant.
On the right, under Categories(1), select the Add an item..., and add Brunch as a category for this restaurant, and click the Save button.

You have now seen two different ways to use the relation field type to add and connect relations between Content Types.

7. Set Roles and Permissions

Navigate to GENERAL > Settings > USERS & PERMISSIONS PLUGIN > Roles (opens new window).

Click the Public Role.
Scroll down under Permissions, open the Application tab and find Restaurant. Click the checkbox next to find and findone.
Repeat and find Category. Click the checkbox next to find and findone.
Click Save.