DEV Community

Cover image for Personalizing Landing Page
Wiz Lee
Wiz Lee

Posted on

2 1

Personalizing Landing Page

The cover image above shows the gatsby-starter-mate working locally on my PC. The landing page customization is done by setting up my own Contentful CMS account.

Learn about Rebass (a react primitive UI components built with Styled System) when trying to make the React TextLoop component to work properly. I was not able to make the text inside of the TextLoop component to wrap around to the next line. The solution is to set the noWrap props of the component to false.

Another great learning when working using Rebass is responsive styles, specifically on how array props works. The syntax of using array [] to represent media query breakpoints needs some getting used to, but once I did it looks so clean and sweet 🍬!

Next post - deploying using Netlify.

Image of Timescale

🚀 pgai Vectorizer: SQLAlchemy and LiteLLM Make Vector Search Simple

We built pgai Vectorizer to simplify embedding management for AI applications—without needing a separate database or complex infrastructure. Since launch, developers have created over 3,000 vectorizers on Timescale Cloud, with many more self-hosted.

Read more →

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more