How can I upload and host the "apple-app-site-association.json" file on Webflow without encountering any issues related to lottie?

TL;DR
  • Use an external service like AWS or Netlify to host the apple-app-site-association.json file since Webflow doesn't support direct hosting.
  • Configure DNS settings for external file hosting and ensure the file is publicly accessible via a direct link with the application/json MIME type.

Uploading and hosting the apple-app-site-association.json file on Webflow involves a few specific steps to ensure it's accessible without conflicts. Follow the guide below to achieve this:

​

1. Understanding Webflow Hosting Limitations

  • Webflow does not allow direct hosting of .json files that are not part of the visual assets (such as a lottie animation).
  • This limitation means that certain files, like the apple-app-site-association.json, need alternative hosting or configuration methods.

​

2. Using a Third-Party Hosting Service

  • The apple-app-site-association.json file can be hosted on a third-party service that allows static file hosting.
  • Services like AWS (S3 & CloudFront), Netlify, or Vercel are popular choices.

​

3. Configuring Your DNS or Domain Settings

  • If possible, configure your DNS settings to point certain subpaths or domains to these third-party services.
  • Use subdomain configurations like apple-app-site.yourdomain.com and host your file there.

​

4. Testing File Accessibility

  • Once hosted externally, test the URL to ensure it is accessible publicly by visiting the direct link.
  • Make sure the .json file is served with the correct MIME type, which should be application/json.

​

5. Pointing Webflow’s Site to the Hosted File (Indirect Solution)

  • While direct pointing in Webflow to an external file isn’t possible, consider creating documentation or client instructions that reference your hosted JSON file.

  

Summary

To host the apple-app-site-association.json file, use an external service like AWS or Netlify since Webflow cannot host such files directly. Configure your DNS for external file hosting and ensure that your file is accessible via a direct link with the correct MIME type.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
How can I resolve the "page with redirect" error and eliminate alternative versions of my homepage URL in Google Search Console for my Webflow website?
Is it possible to dynamically update the price in Webflow based on the number selected in a dropdown menu, while keeping the dollar amount blank?
How can I resolve the 500 (Internal Server Error) I am encountering while trying to upload a file into a form using Webflow with uploadcare integration?
What are some limitations and issues to be aware of when using Weglot for multilingual support on Webflow sites, and what alternatives are available for native multilingual support on the Webflow platform?
Is there a way in Webflow to override the CMS content in a symbol, so that the same symbol can display different content?
Is it possible to dynamically update the price in Webflow based on the number selected in a dropdown menu, while keeping the dollar amount blank?
Can I use JavaScript or any other method in Webflow to automatically change all instances of '®' to superscript in my chosen font?
How can I change properties of elements in Webflow that are not supported by interactions?
What is a workaround for offering discount codes and free delivery coupons on Webflow e-commerce?
How can I integrate Stripe Checkout on a Webflow site for a simple click payment option? Could you recommend any other checkout options similar to Stripe for a single item purchase?
What could be causing my placeholder text to be cut off in the latest version of Chrome for the simple form at the bottom of my Webflow site?
What specific features would you want in a user authentication system for Webflow?
How can I connect the template I purchased in Webflow to my hosted website project, and how can I work on modifying the template without it being visible to the public?
Can the background shadow animation shown on the Build microinteractions around mouse movement example on the Webflow Interaction feature page be achieved using just interactions or does it require custom code?
What is the process for creating classes of images for filtering in Webflow without using nested classes?
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How can I alternate the layout of the image and heading for each collection item in a two-column format on Webflow?
How can I execute JavaScript code when clicking a specific button with a given ID in a Webflow project?
How can I disable the Webflow success or failure state for a sign-up form and display a custom thank you page using jQuery and the Webflow form submit state?
How can I create a vertical scrolling menu with Webflow, similar to the one on Apple's website, that switches to horizontal scrolling when the menu doesn't fit on one screen?
How can I change the language of the Google Maps embed from English to Arabic in Webflow?
How can I reduce the vertical space between lines within a bullet point in Webflow? Can I replace the bullet points with icons on the "Services" page?
How can the text color be changed for custom input fields on Webflow?
How can I add conditional visibility in Webflow to prevent a div from appearing on a published page if a CMS field is empty?
How can I stop a YouTube video from playing in the background in audio mode when I close a modal in Webflow?
How can I connect and use my JavaScript and CSS files for special functions and styles in Webflow?
How can I fix the "Ensure text remains visible during webfont load" warning in Webflow?
How can I implement a ThreeJS script as a background for my Webflow project using custom code?
How can I send data from a Webflow Form to ActiveCampaign without using Zapier? I have set the form to POST and input the form's action URL, similar to Mailchimp but it redirects me to the admin area of ActiveCampaign without sending the data. Has anyone had success with this method?
Can Webflow be used to create a "blob" elements effect in the header of a website using custom code or JavaScript?