From the course: The Freelance Stack: Real Project with Next.js and Strapi
Unlock this course with a free trial
Join today to access over 25,200 courses taught by industry experts.
Article paragraph JSX - Next.js Tutorial
From the course: The Freelance Stack: Real Project with Next.js and Strapi
Article paragraph JSX
Okay, so having done the most difficult component, we're now going to move to a very easy one again, which is going to be the paragraph component right here. So in our article component, the generic one, we already have this prepared. And by the way, if you want to, you don't have to make this an extra component. You could also return it right here. I just like to have it all structured in the same way. So I'm going to create its own component for that. So I'm going to call this article paragraph.jsx. And I'm just going to say article paragraph. I'll export it. It takes in a paragraph like that. Now I exported article paragraph like that. And we're going to return null here for now. So before, we're just going to set this up here. And then we'll take care of how we're actually going to do that component. So article paragraph is the one that is being returned here. As a prop, we hand in the component right here. We name it paragraph. And that is it on the article component. Now, what…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
-
-
-
-
(Locked)
Create dynamic zone in Strapi for customizable blog content14m 6s
-
(Locked)
Creating data for highlight article8m 28s
-
(Locked)
Article hero section JSX5m 45s
-
(Locked)
Styling: Article hero section5m 26s
-
(Locked)
Article intro component JSX8m 40s
-
(Locked)
Styling: Article intro component5m 29s
-
(Locked)
Generic article component to render different component depending on Strapi data9m 14s
-
(Locked)
Article headline JSX3m 15s
-
(Locked)
Styling: Article headline1m
-
(Locked)
Text with image component JSX15m 9s
-
(Locked)
Styling: Text with image component5m 48s
-
(Locked)
Article paragraph JSX2m 23s
-
(Locked)
Styling: Article paragraph1m 6s
-
(Locked)
Image component JSX3m 49s
-
(Locked)
Styling: Image component2m 20s
-
(Locked)
Other articles section on individual blog page3m 17s
-
(Locked)
Blog section homepage JSX13m 11s
-
(Locked)
Styling: Blog section homepage8m 52s
-
(Locked)
Fix article item for featured items on homepage1m 18s
-
(Locked)
-
-