Nextjs

5 Essential Integrations for Next.js Apps

Including step-by-step instructions to configure them yourself.

5 Essential Integrations for Next.js Apps
Photo by Christopher Gower on Unsplash <source>

Next.js is one of the greatest full-stack web frameworks today, and there is so much to Next.js that makes it so great.

A major reason for it’s success is the wide range of services that integrate seamlessly, including authentication, databases, emails, payment processing, and so much more!

Today we will cover 5 essential integrations that you must try inside your Next.js applications.

So without further ado… Let’s dive right in!

1. Stripe

Stripe is a popular payment gateway with extensive documentation and great compatibility with Next.js.

Stripe is used to accept payments from customers if you are building a SaaS product, or any form of online business where you plan to sell something of value.

However, like many other integrations, configuring stripe is repetitive, and you end up writing the same boilerplate code for every project you have.

For this reason, I created a product that integrates services like stripe into your application with a single click!

Feel free to check it out here:

This also includes instructions to configure stripe fully, and it’s regularly updated to ensure the setup process is as quick as possible for you.

next-inject.vercel.app/plugins/payments/stripe

2. Shadcn-UI

Shadcn-UI is an amazing open-source UI library developed by none other than @shadcn.

Shadcn-UI presents many cool UI components such as:

…and so much more!

The great news is, configuring shadcn-ui is very simple, and the instructions are available from this link.

Alternatively, if you are interested in our product Next Inject, we offer a free base project template configured with Shadcn-UI and all it’s components.

3. Drizzle + Turso

Here I combine Drizzle and Turso, because they work best together.

Drizzle is a popular ORM that allows you to make typesafe and secure queries to a database of your choice.

Turso is an SQLite for production database provider with a generous free tier that makes you question why Turso is free in the first place.

Combining Drizzle and Turso is like combining bread with butter, it’s perfect.

And best of all, I have a special plugin that will configure Drizzle and Turso with one click on my website. Feel free to check it out here!

https://next-inject.vercel.app/plugins/backend/drizzle-turso

4. Next-Auth

Next auth (A.K.A. Auth.js) is also an open source auth library which makes authentication with Next.js easy.

Next-auth is subject to a lot of controversy, with many people saying it’s not that great. However for most use cases, next-auth is more than sufficient.

However, it is true though that next auth can be a pain to configure, which is why I spent quite a long time writing tutorials and I also made a dedicated plugin to streamline this process:

Authentication in Two Lines of Code - Auth.js

My Next Auth Plugin

5. Resend

Last but not least, Resend is an emails provider and sending service.

You are able to programmatically send emails, e.g. welcome emails, and and you are able to check email analytics, configure domains, under a very generous free tier.

Resend is relatively simple to configure, and I have configured resend for most of my projects now.

If you wish to get started, you may visit my website where I have a free comprehensive guide on this:

https://next-inject.vercel.app/plugins/emails/resend


If you enjoyed this article, please make sure to Subscribe, Clap, Comment and Connect with me today! 🌐