Skip to content

Conversation

danpastori
Copy link
Contributor

@danpastori danpastori commented Oct 17, 2025

A Complete Overhaul of the documentation

This PR updates the documentation to use the latest and greatest Nuxt along with Nuxt UI for standardized development. Included in this PR:

  • Nuxt 4 Upgrade
  • Nuxt Content v3 Upgrade
  • Nuxt UI
  • Utilize the base Nuxt UI Docs template so contributors have better documentation

Remaining Items

Homepage

  • "Dev -> Prod"
  • Testimonials
  • Newsletter sign up form
  • "PHP Is Dead"

Layout

  • Server Side Up Banner on top

Nest the documentation under /docs

  • Ensure the URL for docs is prefixed with /docs

SEO

  • Bring over OG Image
  • Ensure Sitemap works
  • Ensure Structured data is set up

Documentation

Most of the documentation needs to be migrated. I didn't do all of this because it's going to be heavily updated. Here are some of the documentation migration notes:

Updated Front Matter

The front matter is the YAML that is on the markdown pages. The new format is:

---
title: Installation
description: Learn how to get started with serversideup/php Docker Images.
navigation:
  icon: i-lucide-download
---

The big difference is we have icons before the documentation. You can find all icons here: https://lucide.dev/icons/. To add the icon it's i-lucide-{name found on site}. The docs does use Iconify so there could be other providers as well. Lucide fits really nice with the docs though.

Migrating Code Embeds

@jaydrogers The biggest thing you will have to update in the documentation is the code embeds. We are using: https://ui.nuxt.com/docs/typography/code#filename. There's also code group: https://ui.nuxt.com/docs/typography/code-group

What you will have to do is remove all ::code-panel components within the docs and update to the new format. There is no label so you will have to use an h3 tag to label if needed. The new format allows you to set filename though. For an example, check out /docs/content/1.getting-started/3.installation.md. I have an example in there.

LLM Data

@jaydrogers We will need to fill out the LLM Data for the docs: https://nuxt.com/modules/llms. This is a new feature that allows you to help LLMs find what they need in your documentation.

It'd also be helpful to provide some sample LLM documentation: https://reka-ui.com/docs/overview/getting-started#example-prompts

@danpastori danpastori self-assigned this Oct 17, 2025
@danpastori danpastori added the 📝 Documentation Items that relate to documentation improvements. label Oct 17, 2025
@danpastori danpastori marked this pull request as draft October 17, 2025 15:11
@cloudflare-workers-and-pages
Copy link

cloudflare-workers-and-pages bot commented Oct 19, 2025

Deploying serversideup-php with  Cloudflare Pages  Cloudflare Pages

Latest commit: d3f8bfe
Status: ✅  Deploy successful!
Preview URL: https://18530734.serversideup-php.pages.dev
Branch Preview URL: https://feature-280-pr-docs-update.serversideup-php.pages.dev

View logs

jaydrogers and others added 24 commits October 20, 2025 09:37
…EADME for clarity. Refactor app components and CSS for improved styling and structure.
…docs-update

# Conflicts:
#	docs/content/1.getting-started/3.installation.md
…FPM-NGINX, and FrankenPHP variations. Marked NGINX Unit as deprecated and provided migration guidance. Improved overall structure for better user understanding.
…documentation pages to streamline content presentation.
…se of Nuxt UI and providing a link to the Nuxt UI Documentation Template.
… clarity, removing outdated sections and adding a callout for Docker compatibility.
… "batteries included" approach for improved developer experience.
…ation for PHP Docker images, enhancing clarity and consistency.
…HP variation' for improved accuracy in PHP Docker images comparison.
…es, project context, writing standards, and best practices for contributing to PHP Docker images.
…epresentation of Docker layers in PHP images.
…or PHP Docker images. Updated content for clarity, added new sections on containerization benefits, and included quick start instructions. Added images for better visual representation of running PHP containers and PHP info.
…to enhance documentation clarity and visual consistency.
…ditional languages, enhancing readability and developer experience.
…' in the community section, improving resource accessibility for users.
…ng Docker-related file icons for improved visual consistency in documentation.
…definition, improved project setup instructions, and included new images showcasing PHP version changes and settings. Enhanced clarity on configuring PHP settings in Docker Compose.
…overview, clarified benefits, and added call-to-action buttons for installation and advantages.
… to enhance clarity on changing PHP versions and variations.
…definition for 'Volume', correcting minor wording for clarity, and improving descriptions of PHP version display in the browser. This update aims to provide clearer guidance for users.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

📝 Documentation Items that relate to documentation improvements.

Projects

Status: No status

Development

Successfully merging this pull request may close these issues.

2 participants