{"slug": "up-and-running-with-cloudinarys-next-starter-kit", "title": "Up and Running with Cloudinary’s Next Starter Kit", "summary": "Cloudinary released a Next.js Starter Kit, create-cloudinary-next, that scaffolds a media-driven Next.js application with Cloudinary integration, including environment setup, official components, and MCP servers and skills for AI coding assistants. The kit includes a new Next.js skill developed from user research to help agentic tooling succeed with Cloudinary and catch common errors.", "body_md": "Back in April, [we released](https://cloudinary.com/blog/web-app-create-cloudinary-react) our [React Starter Kit](https://github.com/cloudinary-devs/create-cloudinary-react). 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.\n\nToday we're releasing [a sequel](https://github.com/cloudinary-devs/create-cloudinary-next):\n\n```\nnpx create-cloudinary-next\n```\n\nIf you're spinning up a fresh, media-driven [ Next.js](https://nextjs.org) application, we think typing those 26 characters into your terminal and hitting\n\n`return`\n\nis the best way to start.Here's a quick example of the kind of app this allows you to quickly prototype.\n\nWhat does the Next Starter Kit actually do?\n\nFirst, 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.\n\nThen, it runs [create-next-app](https://nextjs.org/docs/app/api-reference/cli/create-next-app), installing Next.js and spinning up a working Next app using our [starter template](https://github.com/cloudinary-devs/create-cloudinary-next-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.\n\nLast, 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](https://github.com/cloudinary/mcp-servers) and [skills](https://github.com/cloudinary-devs/skills) where your assistants can find them.\n\nThe end result is a running Next.js app that can upload and deliver media from your Cloudinary account using our [official Next.js components](https://cloudinary.com/documentation/nextjs_integration#use), and a development environment primed for prompting.\n\nThe heart and soul of the agentic story here is our new [Next.js skill](https://github.com/cloudinary-devs/skills/tree/main/skills/cloudinary-next). 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](https://github.com/cloudinary-devs/skills/tree/main/skills/cloudinary-docs) and [transformation](https://github.com/cloudinary-devs/skills/tree/main/skills/cloudinary-transformations) skills, it helps agentic tooling succeed with Cloudinary and catch common errors.\n\nWe'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.\n\nSo! if you're prototyping or building a new media-driven Next.js app, start here:\n\n```\nnpx create-cloudinary-next\n```\n\nAnd please, let us know what you think in the comments!\n\nCloudinary ❤️ developers |\n|---|\n| Ready to level up your media workflow? Start using Cloudinary for free and build better visual experiences today. |\n| 👉\n|", "url": "https://wpnews.pro/news/up-and-running-with-cloudinarys-next-starter-kit", "canonical_source": "https://dev.to/cloudinary/up-and-running-with-cloudinarys-next-starter-kit-4586", "published_at": "2026-08-03 22:17:13+00:00", "updated_at": "2026-08-03 22:40:34.058878+00:00", "lang": "en", "topics": ["developer-tools", "ai-agents", "ai-tools"], "entities": ["Cloudinary", "Next.js", "Raya Straus", "create-cloudinary-next", "MCP servers"], "alternates": {"html": "https://wpnews.pro/news/up-and-running-with-cloudinarys-next-starter-kit", "markdown": "https://wpnews.pro/news/up-and-running-with-cloudinarys-next-starter-kit.md", "text": "https://wpnews.pro/news/up-and-running-with-cloudinarys-next-starter-kit.txt", "jsonld": "https://wpnews.pro/news/up-and-running-with-cloudinarys-next-starter-kit.jsonld"}}