Meteor Images, CSS, “Normal” Web Serving

Question

I\'ve seen this question come up a lot;

• How do I put images on my Meteor website?
• How do I host \"standard\" web content with Meteor?
• I tried add

Answer 1

Put the content in a folder named "public" in your project root.

• You do not need to include /public in your URLs.
• Any additional folder structure within public is supported.
• NodeJS routing plugins are not required, as other answers have supplied.
• Place external library's javascript files in /lib. They will be automatically included.

---

Explanation

In Meteor, you can host "standard" web content by creating a "public" directory in the root of your project. Any images, files, or data you place in this folder will be served as normal by the NodeJS server, as if they were in the root of the server.

---

Example

• Structure within project: /public/test/img.png
• Corresponding image URL: /test/img.png
• Example HTML tag: <img src="/test/img.png"/>

Answer 2

Create a new folder public inside the project directory. Add a new folder img (or any other name of your choice) inside the public folder. Copy all the images that you require to be added in to your HTML into this folder.

Now you can use it like - <img src="img/myimage.png">

You don't need to include /public in the in the URL.