Deploy a Next.js Blog Starter Using Strapi on Vercel - Online Meetup Recap #4

Shu Uesugi, Product engineer at Vercel, joined me (Maxime Castres, Growth Hacker at Strapi) for a virtual meetup last week. We spent an hour discussing modern internet infrastructure and the efficiency of working with the JAMstack.

Then we put those ideas to the test, combining the power of Strapi and Next.js to build a blog and deploy it on Heroku (for Strapi) and Vercel (for Next.js).

Before jumping further into what happened, let's take a look of some of the basic data.

By the Numbers:

• 83 registrants 👥
• 52 attendees 🔊
• 81 messages 💬
• 14 questions ❓
• 5 continents 🌍

If you missed the webinar, well you’re in luck! We have a video of the event for anyone who wants to watch the full meetup:

If you like the sound of deploying your own blog like Maxime and Shu did during the Webinar, follow the steps below!

Deploy the Backend

To deploy the Strapi instance you'll need:

• A Heroku account for free
• A Cloudinary account for saving images for free

Once created, you can deploy your instance by clicking on this button:

Deploy the Frontend

• Log in to Vercel by installing now CLI:

npm i -g now

• Secure your API_URL with now by running the following command: now secret add api-url <https://your-strapi-instance.herokuapp.com>

After that you're ready to deploy your app! There are two options for how exactly you want to complete the process. Either will work fine and all you need to do is press enter when asked for the root directory of your code.

• Execute now or you can simply click on the following button:

Until Next Time!

I always enjoy meeting up with the Strapi community, and was especially delighted to spend time with Shu.

Having a conversation with a partner who shares a similar vision on the how web development should be fun is always a recipe for a great time.

I'll be sure to join the community again soon for another virtual meetup, so keep your eyes out and remember to register!

If you enjoyed learning about how Strapi and Vercel can be used to create a blog, Tweet about it!

Please note: Since we initially published this blog post, we released new versions of Strapi and tutorials may be outdated. Sorry for the inconvenience if it's the case. Please help us by reporting it here.

• Try live demo
• Starters
• Become a Strapi expert
• Find help in our Forum
• Strapi on Youtube
• Try Enterprise Edition