DEV Community

Cover image for 🦄 Building a pricing page with NextJS 🤯 🤯

🦄 Building a pricing page with NextJS 🤯 🤯

Nevo David on July 04, 2023

TL;DR In this article, we will build a page with multiple pricing tiers. Visitors can press the "Purchase" button and go to a checkout p...
Collapse
 
chantal profile image
Chantal

@nevodavid l want to start learning Next.js. So, is it good to start with this article as a practice question? Any advice from you will be greatly appreciated.

Collapse
 
nevodavid profile image
Nevo David

This article is a little bit more advanced, if you have previous knowledge in React it should be pretty easy for you.

If not, check my other articles, there are some for juniors!

Collapse
 
chantal profile image
Chantal

Checked your articles and l found two.

  1. Building a course landing page with Next.js and Tailwind.
  2. Building a bidding system with Next.js.

I can start with these right?

Thread Thread
 
nevodavid profile image
Nevo David

Yes, start with a bidding system, it's more detailed and contains a Youtube video also.

Thread Thread
 
chantal profile image
Chantal

Thanks, @nevodavid! Your effort for helping me is greatly appreciated.

Collapse
 
mfts profile image
Marc Seitz

Great article Nevo! Well written and lots of helpful snippets regarding Notion and Stripe. The hardest for me is to thoroughly document the process, you did a great job 👏🎉

Collapse
 
nevodavid profile image
Nevo David

Thank you so much!
Which process do you want to document? :)

Collapse
 
mfts profile image
Marc Seitz

Just in general, I’m writing aimilar articles like you (thanks for the inspo 🤩)

Currently writing something about analytics. Stay tuned 😉

Thread Thread
 
nevodavid profile image
Nevo David

I am waiting ! 🏆

Collapse
 
efrenmarin profile image
Efren Marin

Really well thought out article! I also just learned that Notion is a great way to populate website content through their API.

Keep up these articles!

Collapse
 
nevodavid profile image
Nevo David

Thank you so much! I'm glad you enjoyed it!

Collapse
 
matijasos profile image
Matija Sosic • Edited

Awesome stuff! The Notion integration is a super interesting idea.

Collapse
 
nevodavid profile image
Nevo David

I'm glad you like it!
That's my new best CMS 🤣

Collapse
 
sumitsaurabh927 profile image
Sumit Saurabh

Loved this article!

Anyone can read this and build a pricing page with all the bells and whistles like pricing tiers and seamless checkout.

Good stuff! 👏👏

Collapse
 
nevodavid profile image
Nevo David

Thank you so much Sumit! 🏆

I believe this is the common practice of most pricing pages!

Collapse
 
oba2311 profile image
Omer Ben Ami

Love these hands on pieces! Keep going @nevodavid !

Collapse
 
nevodavid profile image
Nevo David

Thank you brother!

Collapse
 
nevodavid profile image
Nevo David

What CMS do you use today?

Collapse
 
manan30 profile image
Manan Joshi

For your pricing pages give this a try pricingch.art

Collapse
 
nevodavid profile image
Nevo David

Lookin' good!

Collapse
 
nevodavid profile image
Nevo David

Which payment provider do you use today?

Collapse
 
mtrabelsi profile image
Marwen Trabelsi • Edited

You checkout is not secure, you are getting and trusting the frontend to send the price to your api for session creation, the price should be calculated/derived inside the api for session creation. Not from the client 😊😇

Collapse
 
fjranggara profile image
fjranggara

NextJS, I love it