Structured Content with Nested Collections — Adding content
Adding Content
Now let’s enter some data:
- We want to create an introductory course on Astro and another on Next.js.
Let’s create the courses:
Title: Introduction to Astro
Slug: introduction-to-astro
Overview: Introductory course on Astro, a framework for building fast and modern websites.
Lessons: for now, we’ll leave this empty.
Title: Introduction to Next.js
Slug: introduction-to-nextjs
Overview: Introductory course on Next.js, a framework for building web applications with React.
Lessons: for now, we’ll leave this empty.
Let’s create the lessons. I’ll create two in this video, the rest I’ll pause so I don’t bore you with repetitive operations.
Astro
Name: [Astro] 1. Creating the project in Content Island
Title: 1. Creating the project in Content Island
Slug: astro-1-creating-the-project-in-content-island
Content: In this lesson, we will create the project in Content Island and set up the necessary collections.
Name: [Astro] 2. Defining the data model
Title: 2. Defining the data model
Slug: astro-2-defining-the-data-model
Content: In this lesson, we will define the data model for our Astro project in Content Island.
Name: [Astro] 3. Adding Data
Title: 3 Adding Data
Slug: astro-3-adding-data
Content: In this lesson, we will add data to our Astro project in Content Island.
Name: [Astro] 4. Creating the Astro project
Title: 4 Creating the Astro project
Slug: astro-4-creating-the-astro-project
Content: In this lesson, we will create the Astro project and set up the necessary files.
Next.js
Name: [Nextjs] 1. Creating the project in Content Island
Title: 1 Creating the project in Content Island
Slug: nextjs-1-creating-the-project-in-content-island
Content: In this lesson, we will create the project in Content Island.
Name: [Nextjs] 2. Defining the data model
Title: 2 Defining the data model
Slug: nextjs-2-defining-the-data-model
Content: In this lesson, we will define the data model for our Next.js project in Content Island.
Name: [Nextjs] 3. Adding Data
Title: 3 Adding Data
Slug: nextjs-3-adding-data
Content: In this lesson, we will add data to our Next.js project in Content Island.
Name: [Nextjs] 4. Creating the Next.js project
Title: 4 Creating the Next.js project
Slug: nextjs-4-creating-the-nextjs-project
Content: In this lesson, we will create the Next.js project and set up the necessary files.
The Result
We now have these two courses (you can click on the filter and choose to display only courses):
And regarding lessons, we have:
The Astro ones (filtered by “[Astro]”).
The Next.js ones (filtered by “[Nextjs]”).
Now we return to the courses and add the lessons we created.
In the Astro course:
In the Next.js course:
Time to move on to code and build our project.