Back in April, we released our React Starter Kit. The React Starter Kit allows you to type one command in the terminal, answer a few questions, and scaffold out a complete, Cloudinary-powered React application, hooked up to all of Cloudinary's latest and greatest tooling for agentic coding workflows.
Today we're releasing a sequel:
npx create-cloudinary-next
If you're spinning up a fresh, media-driven Next.js application, we think typing those 26 characters into your terminal and hitting return is the best way to start.
A quick demo of Cloudinary's Next Starter Kit
Here's a quick example of the kind of app this allows you to quickly prototype.
What Cloudinary's Next Starter Kit actually does
What does the Next Starter Kit actually do?
First, it asks you a few questions about your Cloudinary account and development environment. If you don't have the necessary prerequisites in place, it'll guide you through the process of creating them. Once you do, it records your answers in specific environment variables, configuring your app to work with your Cloudinary account.
Then, it runs create-next-app, installing Next.js and spinning up a working Next app using our starter template. The template includes our Next.js library and demonstrates use of our official Next.js components for upload and delivery, and suggests a handful of prompts to get you started building.
Last, depending which AI coding assistants you told the Starter Kit that you were using during setup, it configures and installs the relevant Cloudinary MCP servers and skills where your assistants can find them.
The end result is a running Next.js app that can upload and deliver media from your Cloudinary account using our official Next.js components, and a development environment primed for prompting.
The Cloudinary Next.js skill
The heart and soul of the agentic story here is our new Next.js skill. The skill is the result of a mountain of user research. Late last year, my colleague Raya Straus spent weeks talking to users, poring over support tickets and error logs, and soliciting reviews from internal experts. The result is a bunch of advice about how to be successful when using Cloudinary generally and our Next.js library specifically, distilled into an installable skill. When paired with our existing documentation and transformation skills, it helps agentic tooling succeed with Cloudinary and catch common errors.
We're excited to launch the skill alongside the Starter Kit, and to keep iterating on both based on automated evals and feedback from users like you.
And you're off
So! if you're prototyping or building a new media-driven Next.js app, start here:
npx create-cloudinary-next
And please, let us know what you think in the comments!
| Cloudinary ❤️ developers |
|---|
| Ready to level up your media workflow? Start using Cloudinary for free and build better visual experiences today. |
| 👉 Create your free account |
Top comments (0)