solidstart-static-assets

Guide static asset management in SolidStart applications using public directories and imports.

Updated Jan 4, 2026

Search Tags:#optimization #static assets #solidstart #asset import #public directory #cache busting

Ready to run

npx skills add https://github.com/vallafederico/solid-ai-rules --skill solidstart-static-assets

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: solidstart-static-assets
Source: https://github.com/vallafederico/solid-ai-rules/tree/main/.claude/skills/solidstart-static-assets
Command: npx skills add https://github.com/vallafederico/solid-ai-rules --skill solidstart-static-assets

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides clear guidance on how to effectively manage static assets (images, fonts, documents) within a SolidStart application, ensuring optimal performance and maintainability.

Core Features & Use Cases

Public Directory: Understand how to use the /public directory for stable, human-readable URLs for assets like favicons, documents, and service workers.
Importing Assets: Learn to import assets directly for hashed filenames, cache-busting, and automatic optimization.
Use Case: Decide whether to place your application's logo in the public directory for a fixed URL or import it to leverage build-time hashing and optimization.

Quick Start

Use the solidstart-static-assets skill to understand how to import an image file named 'logo.png' into your SolidStart component.

Frequently Asked Questions about solidstart-static-assets

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I manage static assets in a SolidStart application?▼

To manage static assets in SolidStart, use the public directory for stable URLs or import assets directly to leverage hashed filenames and automatic optimization.

What is the difference between using the public directory and importing assets in SolidStart?▼

In SolidStart, the public directory provides stable human-readable URLs, while direct asset imports generate hashed filenames for cache busting and build-time optimization.

How do I import an image into a SolidStart component for cache busting?▼

To import an image in SolidStart for cache busting, reference the asset directly in your component, allowing the build system to generate hashed filenames and optimize the file.

When should I use the public directory for static assets in SolidStart?▼

Use the SolidStart public directory for static assets requiring stable URLs, such as favicons, service workers, and downloadable documents.

Does SolidStart support automatic optimization for imported fonts and images?▼

SolidStart supports automatic optimization and build-time hashing for directly imported static assets, including fonts and images.

What is the best way to organize static assets like favicons and service workers in SolidStart?▼

The best way to organize static assets like favicons and service workers in SolidStart is placing them in the public directory to maintain stable, human-readable URLs.