Step 2: Configuring Origins
This document is here to help you out with setting the origin point for media in your project. It's super important to pick the right source website or cloud storage and select the media you want. Let's get started!
An origin is the location where content is stored, and from which your CDN gets content to serve to viewers.
The origin point can be changed to easily refer to the selected media. It is also to be noted that using multiple origins is possible with Front.Space
To set the origin point in your project, you need to first select the source website or cloud storage where your media is located. Once you have identified your source, simply select the media you want to set as the origin point.
This will change the origin point of your selected media, making it easy for you to refer to it as you work on your project.
⚠️ Caution: Remember to Save your progress after adding the origin URL and have fun optimising!
👉 On the navigation menu, click Origins
👉 Click on Add your first Origin
👉 Enter the folder prefix that you want and the Origin (source) URL for these images and click Save
✅ Success! You have successfully added your first origin. You can add more origins as per the quotas of your plan
It's highly likely that your current setup involves using multiple origins for serving images. For instance, you might be using an NGINX server for delivering product images and an S3 bucket for your marketing images.
Front.Space allows you to add and manage multiple origins from a common account.
Now you may serve all your multimedia through modified origins as shared in the image above.
As per the above example, now you can replace all the URL Prefix:
to
The modified URL will have the following syntax for future usage:
The above prefix has to be accompanied by your image URL all across your back-end code.
Please note: All the transformations in the preview link are editable/removable.
For example, if your storage has an image iron-man.jpg which was pointed out earlier as:
Now, it will point to the following URL using Front.Space:
Please refer to Transformation Basics to understand the URL structures in detail and refer URL Transformation API to apply various transformations using the latest origin by adding simple parameters in your URL.
Looking for a Custom Domain or CNAME Support? Upgrade to our Enterprise Plan here or get in touch with our team at support@front.space
If you are not clear about the origin details of your Images and Videos, then one of the simplest ways to determine the same is by first going to your website.
👉 Step1: Right-click an image/video on your website and click on "Open Image in New Tab" in your browser:
👉 Step 2: Select the URL path till 1 or 2 main subfolders from the beginning:
👉 Step 3: Paste it in your Origins URL Section box to get the latest preview of your new Front.Space Origin:
As per the above example, now you can replace all the URL Prefix:
to
Hence, the modified Front.Space API enabled URL of the original image at:https://images.bewakoof.com/uploads/grid/app/newbanner-1x1-SweatsHoods-common-prrinted-1694426988.jpgwill be now as follows:
We are always happy to assist you at support@front.space
💡 Please Note: We just wanted to give you a heads-up that it may take us up to 24 hours to get back to you with answers about your payment inquiries. But don't worry, our amazing team is working hard 24/7 to ensure that we make your life as easy as possible. Thanks in advance for reaching out and for your patience!