Image hosting for Bolt apps

Why use external image hosting with Bolt?

Bolt makes it easy to develop fast web applications with its flexible content types and intuitive admin interface. However, hosting and managing images directly on your Bolt server can quickly become a bottleneck.

Common issues include:

• 🖼️ Large file uploads slowing down deployments and backups
• 🚀 Slow image delivery without a CDN layer
• 🔄 Storage management as the app grows

Using an external image hosting service like Img.vision solves all these problems: letting you keep your Bolt project light and efficient.

How to add external images in Bolt apps

Bolt allows you to store image URLs directly in your content fields. Instead of uploading files into your /files/ folder, you can simply reference an external image URL hosted on Img.vision.

Here’s how you can do it:

1. Upload your images to Img.vision: Create an account and upload your images through the dashboard.
2. Copy the image URL: Each image you upload gets a unique, shareable URL like: https://d.imgvision.net/drivename/image123.jpg
3. Use the URL in your Bolt template or content field: In your contenttypes.yaml file, define a text field (for example, image_url):
   • fields: image_url: type: text label: Image URL
   • Then, in your Twig template: <img src="{{ record.image_url }}" alt="Image" loading="lazy">
4. Enjoy optimized image delivery: Img.vision serves your image through a global CDN, automatically optimized for speed and reliability.

Perfect for dynamic and content-heavy Bolt sites

If your Bolt site includes lots of product pages, blog posts, or user uploads, Img.vision helps you manage it all efficiently. Your images remain accessible even when you migrate servers or redeploy your Bolt app.

Whether you’re building a marketplace, portfolio, or blog, Img.vision keeps your visuals consistent, fast, and safe.