Create a CMS Collections layout — Build a portfolio site in Webflow, Day 3

Display your CMS items on your homepage in a beautiful and consistent layout using magic (which we also brought back from the future). First thing's first, you'll need to set up your CMS collection — your database for your projects.

In this lesson, you will:

00:00 - Day 3, begin
01:01 - Set up the structure of your client projects section
04:41 - Create the CMS
06:45 - Add a CMS item
07:49 - Import your CMS items using a CSV file
09:27 - Design the client project layout in your section

#21dayportfolio

Note: We’re transitioning to a new UI, and are in the process of updating our Webflow University content.

----------

[Webflow]

We’re transitioning to a new UI, and are in the process of updating our Webflow University content.

[JesseMoffett]

If all education was like this, I could learn anything!

[michik]

These tutorials are so good! I've really not seen any tutorials like these. Sometimes you are so funny that I start laughing out loud in front of my screen. And this is combined with such user-friendly and well-done tutorials. Exceptionally! Congrats, and thank you!
PS: These tutorials are a major motivation for me why I try to learn Webflow. Even though the tool has a steeper learning curve than something like EditorX, the tutorials are far superior!

[lynnduong]

10:24 If you're confused how to link the text to the CMS text click the purple icon (when hovering it is a plus symbol) and then you'll be able to see the dropdown.

[drmindriot]

Welp, I'm a convert. Webflow is awesome. The amount of time it took to create this vs something like WordPress is remarkable.

[jonsenva]

I love this video ! I mean... THOSE videos

[Pancake-djvp]

As a designer I am so happy to find these tutorials, I have been struggling to build a website and hate using code even though I know the basic concept of coding, I am gonna give a go and try out myself to build my portfolio

[adesinaoluwasanmi]

So much joy watching with jokes and all. I so understand every single video. Thanks team webflow

[loganbenjamin]

I am loving this course!! Would love to see more of these (some advanced) in the future.

[amarantomotors]

The best course everrrr!!! Im not a designer ( a month ago i didn’t know what a div was lol) but im designing my own website and i can say webflow is the best platform for this.

[DanieelGuerrero]

I can't believe how engaging this is

[andreiconx]

@Webflow just release the whole series in one go and spare us the agony of having to wait! #21dayportfolio

[moeahmed]

What an amazing way to learn. I really believe in that magic!

[juanpabloalfonsosanchez]

AMAZING, ive learned more from this than the 101

[collinhadley]

Huh, for some reason, when I go to add the Collection List Wrapper below the Paragraph, and after selecting Projects from for the Source from the context menu, the list does not populate with the 4 horizontal purple rows. It's empty, looking like a 2px purple line that holds no content. Can't seem to fix this. Anyone have advice?

[grantswanson]

I never saw a way to add the link block to direct to the CMS project, or am I missing something?

[MrJustin]

Great content, a great help. So well thought out and easy to follow. Thank you!

[TheValecto]

great work on this introduction course . . . got me hooked!

[clarkbeggs]

Anyone else having an issue with Project Type not mapping to the option field on import? It's grayed out for me.

[onlysomethingsmatter]

Amazing stuff! Please stop burning my retina :))