Skip to content

Conversation

justserdar
Copy link
Contributor

@justserdar justserdar commented Aug 12, 2025

TLDR: This update introduces a streamlined right-click deployment workflow that allows users to instantly deploy selected services to the cloud or self hosted instances from within the Coolify Docs Services page.

Introducing new features to the v4 docs:

  • Searcheable Services Vue Component #226: Updated service overview UI with ServicesList improvements.
  • CoolFetch Composable: useCoolFetch(): API logic for connecting, creating projects and deploying services using service templates.
image
  • Deployment Modal: Together with the composable the modal allows the consumer to select cloud or self host, based on their choice they can:

    • A. Input API Token, advance by selecting your destination server, hit create, wait for the build to finish.
    • B. Input Coolify Server URL and API Token, advance by selecting your destination server, hit create, wait for the build to finish.
  • CoolIcon Component: Unified icon renderer using icones.js.org style icons in Vue component.
    Usage example:
    <CoolIcon class="size-5" name="logos-blender" />
    Find your icon on: https://icones.js.org/

  • Support for custom template overrides (e.g., ollamaollama-with-open-webui).

  • Added motion-v for easy smooth and subtle Vue animations.

Video
Coolify Cloud
https://github.com/user-attachments/assets/fdcdc4fa-0c36-4e3b-a7b0-55246fe6ccc6

Self Host (older video, watch above cloud video instead!):
https://github.com/user-attachments/assets/6dafaab9-0a9f-4014-8f57-3d308cc4e998

@justserdar justserdar added ✨ Enhancement Suggestions to improve or add detail to existing docs. 👥 Core Team Only Restricted to the core Coolify team for work. labels Aug 12, 2025
@justserdar
Copy link
Contributor Author

justserdar commented Aug 12, 2025

TODO's before merging:

  • Fix input focus on certain steps
  • Fix dirty validation to lazy on server select input in step 2
  • Remove on-hover state css on the password show icon.
  • Add explainer that explains the right click mechanic.
  • Add disclaimer at start: use at your own risk
  • At the end: add note it can take 1-10min, so go touch grass
  • Added note at api token step to include the read and write perms for the api token.

@justserdar
Copy link
Contributor Author

justserdar commented Aug 18, 2025

image
  • Improved coolfetch to store and re-use original fetch request body from initial page load.
  • Added deployment poller at final modal step.
    UI:
  • Need to dedupe cards + add service variant select input
  • Need to dedupe sidebar links.
  • Some service images seem missing
    UX:
  • Placeholder loading animation for before and during hydration.
  • Motion animation per card

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
👥 Core Team Only Restricted to the core Coolify team for work. ✨ Enhancement Suggestions to improve or add detail to existing docs.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants