🚚Assets

Serve static files, like images, robot SEO, fonts, manifest json, etc.

Overview

public folder is a special directory where you can place static files that will be served directly to the client without being processed by the server.

Below is the asset management which is placed in the public folder.

public
├── fonts
│   └── roboto
├── images
│   ├── icons
│   ├── logo
│   └── media
├── locales
│   ├── en
│   └── id
├── manifest.json
└── robots.txt

Fonts

Fonts are a key design element of any website. You may need to include custom fonts in your project if you want to match your branding or use a specific typeface that is not available through standard web fonts.

To include custom fonts, you can use the @font-face rule in your CSS file. You will need to host the font files on your server or use a font hosting service like Google Fonts or Typekit.

Images

Images are another important asset in web design. They can be used to illustrate content, create visual interest, and convey information.

To include images in your project, you can use the <img> tag in your HTML file. You will need to host the image files on your server or use a content delivery network (CDN) to serve them.

Locales

If your website is targeted at users in different regions or countries, you may need to include multiple language translations of your content. These translations are often referred to as "locales."

To include locales in your project, you can create separate language files or use a localization library like i18n.js. You will need to include the appropriate language file based on the user's location or language preference.

Google Robot

Google Robots, also known as crawlers or spiders, are automated programs that browse the web to index and rank websites for search engine results pages (SERPs).

To optimize your website for search engine visibility, you can include a robots.txt file in your project. This file tells search engine crawlers which pages to crawl and which to ignore.

Manifest

A web app manifest is a JSON file that defines the name, icons, and other metadata of a web application. It allows users to install your website as a "progressive web app" (PWA) on their mobile devices or desktops.

To include a manifest in your project, you can create a manifest.json file and include it in the root directory of your website. You will also need to include the appropriate meta tags in your HTML file to link to the manifest.

Overall, including these assets in your website can help you create a better user experience and improve the visibility of your website on search engines.