< Back

CMS Values Inside Framer Code Components

In this episode we take a look at how we can use CMS item values inside of a Framer Code Component by rendering a star rating system for reviews.

Leonardo Iob’s Services: https://uxbreeze.com
Property controls: https://ift.tt/f8yBwu4

Brought to you by https://FlowSt8.dev – The unlimited Webflow Development Service

Get started with Webflow NOW! https://ift.tt/XD5H7jh

Buy merch: https://ift.tt/vGV9Csl
Join the community: https://twitter.com/i/communities/1737357986903753004
Support my content: https://ift.tt/w0DFvKM
Learn to become a Full Stack Agency: https://thefullstackagency.xyz/

Services I Love
Domain Names: https://ift.tt/zi8l59D
Hosting: https://www.hostg.xyz/aff_c?offer_id=6&aff_id=130549
Online Storage ($200 credit): https://ift.tt/skem5hR
Online Storage ($100 credit): https://ift.tt/mQ2OnMq

Twitter: @0x5am5

⏰ Timestamps
00:00 – Intro
00:50 – Example
01:04 – Creating the CMS Collection
03:00 – Designing the component
03:31 – Creating the Code Component
04:49 – Binding the value into the component
06:23 – Coding the Code Component

My Gear (affiliate)
Sony A7 III: https://amzn.to/427iMbS
Sony 16-35mm: https://amzn.to/3Ehfvxi
VIJIM Video Light: https://amzn.to/3N0XdFp
Hollyland Mark M1: https://amzn.to/3MIZmUW

Macbook Pro M1 Pro: https://amzn.to/3oEVbS0
iPad Pro 2018: https://amzn.to/3AxJWNN
Magic Keyboard: https://amzn.to/421B26P
Travel Laptop Stand: https://amzn.to/3MDRx2Q
Logitech MX Vertical: https://amzn.to/3oCg1Bz

My Books
The Full Stack Agency: https://thefullstackagency.xyz/books/the-full-stack-agency/
Lingo: Agile: https://ift.tt/tpr95su
Lingo: Startup: https://ift.tt/BP8OUsa

#nocode #Framer #react