From the course: Next.js 14 from Scratch: Build a Real-World Project Using Next.js 14 and MongoDB
Unlock this course with a free trial
Join today to access over 25,200 courses taught by industry experts.
Share buttons - Next.js Tutorial
From the course: Next.js 14 from Scratch: Build a Real-World Project Using Next.js 14 and MongoDB
Share buttons
So now we're going to add our share buttons and there's a lot of different ways you can do this There's a lot of different packages and services We're going to use a component or a package called react share and this allows us to put all these different buttons with all these different social media Services on our page so we can share it All right, and these are all the things that are available and not only social media, but you can also have an email button things like that so the way we can use it is we bring in the service and the button and there's also an icon we can bring in and Then we basically just you know, put that wherever we want like this and there's different Options you can pass in and what's cool is like for let's say it's a Facebook post You can actually use like the title of the property in for the title of the post which is cool. So Yeah, that's we'll be using it's very easy to use. So let's go to our terminal and install it So it's going to be npm install and…
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)
Geocoding and Mapbox map16m 40s
-
(Locked)
Handle geocode error4m 4s
-
(Locked)
Property page cleanup6m 11s
-
(Locked)
Bookmark API route10m 28s
-
(Locked)
Bookmark button request8m 27s
-
(Locked)
Bookmark status and button toggle8m 54s
-
(Locked)
Saved properties page12m 17s
-
(Locked)
Share buttons10m 41s
-
(Locked)
-
-
-