> ## Documentation Index
> Fetch the complete documentation index at: https://developer.upsun.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Augustin Delaporte

> Articles written by Augustin Delaporte.

export const ShowMore = ({children, className = '', id = 'posts', btnClassName = ''}) => {
  const hash = 'show-all-' + id;
  const [expanded, setExpanded] = useState(false);
  useEffect(() => {
    const check = () => {
      if (window.location.hash === '#' + hash) {
        setExpanded(true);
      }
    };
    check();
    window.addEventListener('hashchange', check);
    return () => window.removeEventListener('hashchange', check);
  }, [hash]);
  const wrapClass = expanded ? className : className + ' blog-paginated';
  return <div>
      <div className={wrapClass}>
        {children}
      </div>
      {!expanded && <div className={btnClassName} style={{
    marginTop: '2rem',
    textAlign: 'center'
  }}>
          <a href={'#' + hash} style={{
    display: 'inline-flex',
    alignItems: 'center',
    gap: '0.5rem',
    padding: '0.75rem 1.5rem',
    borderRadius: '9999px',
    border: '1px solid #e5e7eb',
    fontSize: '0.875rem',
    fontWeight: 500,
    color: '#374151',
    textDecoration: 'none'
  }}>
            Show all posts ▾
          </a>
        </div>}
    </div>;
};

<ShowMore id="author-guguss-articles" className="blog-card-grid">
  {/* Auto-generated by blog:generate — DO NOT edit manually */}

  <a href="/posts/tutorials/sfcon2024-decouple-frontend" className="blog-card group rounded-xl bg-card border-theme card-hover shadow-sm hover:shadow-md transition-all overflow-hidden flex flex-col">
    {`/images/posts/tutorials/sfcon2024-decouple-frontend/decouple-frontend.webp` !== '' && (
          <div className="blog-card-img-wrap">
            <img src="/images/posts/tutorials/sfcon2024-decouple-frontend/decouple-frontend.webp" alt="Decouple your Symfony frontend using Next.js" className="blog-card-img" />
          </div>
        )}

    <div className="blog-card-body">
      <div className="flex items-center gap-2">
        {`tutorials` !== '' && (
                      <span className="text-xs font-semibold uppercase tracking-wider px-2 py-0.5 rounded-md bg-accent-badge border border-accent-soft text-accent">
                        tutorials
                      </span>
                    )}

        <span className="text-xs text-subtle">Monday, March 24th 2025</span>
      </div>

      <h3 className="blog-card-title group-hover:text-accent transition-colors">Decouple your Symfony frontend using Next.js</h3>
      <p className="blog-card-desc">How to decouple your frontend from your backend, using a Symfony project as backend and adding a Next.js application for frontend.</p>
    </div>
  </a>

  <a href="/posts/unknown/platformsh-partners-with-mongodb-to-help-customers-build-modern-applications-faster" className="blog-card group rounded-xl bg-card border-theme card-hover shadow-sm hover:shadow-md transition-all overflow-hidden flex flex-col">
    {`/images/posts/unknown/platformsh-partners-with-mongodb-to-help-customers-build-modern-applications-faster/platformsh-partners-with-mongodb-to-help-customers-build-modern-applications-faster.webp` !== '' && (
          <div className="blog-card-img-wrap">
            <img src="/images/posts/unknown/platformsh-partners-with-mongodb-to-help-customers-build-modern-applications-faster/platformsh-partners-with-mongodb-to-help-customers-build-modern-applications-faster.webp" alt="Platform.sh partners with MongoDB to help customers build modern applications faster" className="blog-card-img" />
          </div>
        )}

    <div className="blog-card-body">
      <div className="flex items-center gap-2">
        {`platformsh-blog` !== '' && (
                      <span className="text-xs font-semibold uppercase tracking-wider px-2 py-0.5 rounded-md bg-accent-badge border border-accent-soft text-accent">
                        platformsh-blog
                      </span>
                    )}

        <span className="text-xs text-subtle">Thursday, October 6th 2022</span>
      </div>

      <h3 className="blog-card-title group-hover:text-accent transition-colors">Platform.sh partners with MongoDB to help customers build modern applications faster</h3>
      <p className="blog-card-desc">Announcing MongoDB 5.0 for Enterprise and Elite customers. Enjoy improved security, support, and features. Upgrade now for seamless MongoDB integration.</p>
    </div>
  </a>

  <a href="/posts/unknown/automated-code-updates" className="blog-card group rounded-xl bg-card border-theme card-hover shadow-sm hover:shadow-md transition-all overflow-hidden flex flex-col">
    {`/images/posts/unknown/automated-code-updates/automated-code-updates.webp` !== '' && (
          <div className="blog-card-img-wrap">
            <img src="/images/posts/unknown/automated-code-updates/automated-code-updates.webp" alt="Automated code updates" className="blog-card-img" />
          </div>
        )}

    <div className="blog-card-body">
      <div className="flex items-center gap-2">
        {`platformsh-blog` !== '' && (
                      <span className="text-xs font-semibold uppercase tracking-wider px-2 py-0.5 rounded-md bg-accent-badge border border-accent-soft text-accent">
                        platformsh-blog
                      </span>
                    )}

        <span className="text-xs text-subtle">Friday, April 15th 2022</span>
      </div>

      <h3 className="blog-card-title group-hover:text-accent transition-colors">Automated code updates</h3>
      <p className="blog-card-desc">Simplify updates and security for critical apps. Platform.sh offers automated source operations to keep your apps up to date.</p>
    </div>
  </a>

  <a href="/posts/unknown/split-projects-and-users-across-organizations" className="blog-card group rounded-xl bg-card border-theme card-hover shadow-sm hover:shadow-md transition-all overflow-hidden flex flex-col">
    {`/images/posts/unknown/split-projects-and-users-across-organizations/split-projects-and-users-across-organizations.webp` !== '' && (
          <div className="blog-card-img-wrap">
            <img src="/images/posts/unknown/split-projects-and-users-across-organizations/split-projects-and-users-across-organizations.webp" alt="Split projects and users across multiple organizations" className="blog-card-img" />
          </div>
        )}

    <div className="blog-card-body">
      <div className="flex items-center gap-2">
        {`platformsh-blog` !== '' && (
                      <span className="text-xs font-semibold uppercase tracking-wider px-2 py-0.5 rounded-md bg-accent-badge border border-accent-soft text-accent">
                        platformsh-blog
                      </span>
                    )}

        <span className="text-xs text-subtle">Friday, April 15th 2022</span>
      </div>

      <h3 className="blog-card-title group-hover:text-accent transition-colors">Split projects and users across multiple organizations</h3>
      <p className="blog-card-desc">Platform.sh now allows creating multiple organizations to suit your project, billing, and contributor management needs.</p>
    </div>
  </a>

  <a href="/posts/unknown/sso-for-platformsh-now-available-for-openid-connect-and-google" className="blog-card group rounded-xl bg-card border-theme card-hover shadow-sm hover:shadow-md transition-all overflow-hidden flex flex-col">
    {`/images/posts/unknown/sso-for-platformsh-now-available-for-openid-connect-and-google/sso-for-platformsh-now-available-for-openid-connect-and-google.webp` !== '' && (
          <div className="blog-card-img-wrap">
            <img src="/images/posts/unknown/sso-for-platformsh-now-available-for-openid-connect-and-google/sso-for-platformsh-now-available-for-openid-connect-and-google.webp" alt="SSO available for OpenID Connect and Google" className="blog-card-img" />
          </div>
        )}

    <div className="blog-card-body">
      <div className="flex items-center gap-2">
        {`platformsh-blog` !== '' && (
                      <span className="text-xs font-semibold uppercase tracking-wider px-2 py-0.5 rounded-md bg-accent-badge border border-accent-soft text-accent">
                        platformsh-blog
                      </span>
                    )}

        <span className="text-xs text-subtle">Thursday, June 25th 2020</span>
      </div>

      <h3 className="blog-card-title group-hover:text-accent transition-colors">SSO available for OpenID Connect and Google</h3>
      <p className="blog-card-desc">Enhance security with Single Sign-On for OpenID Connect and Google. Protect your projects with two-factor authentication and password rotation.</p>
    </div>
  </a>

  <a href="/posts/unknown/improve-visibility-over-your-external-integrations" className="blog-card group rounded-xl bg-card border-theme card-hover shadow-sm hover:shadow-md transition-all overflow-hidden flex flex-col">
    {`/images/posts/unknown/improve-visibility-over-your-external-integrations/improve-visibility-over-your-external-integrations.webp` !== '' && (
          <div className="blog-card-img-wrap">
            <img src="/images/posts/unknown/improve-visibility-over-your-external-integrations/improve-visibility-over-your-external-integrations.webp" alt="Improve visibility over your external integrations" className="blog-card-img" />
          </div>
        )}

    <div className="blog-card-body">
      <div className="flex items-center gap-2">
        {`platformsh-blog` !== '' && (
                      <span className="text-xs font-semibold uppercase tracking-wider px-2 py-0.5 rounded-md bg-accent-badge border border-accent-soft text-accent">
                        platformsh-blog
                      </span>
                    )}

        <span className="text-xs text-subtle">Tuesday, May 12th 2020</span>
      </div>

      <h3 className="blog-card-title group-hover:text-accent transition-colors">Improve visibility over your external integrations</h3>
      <p className="blog-card-desc">Stay updated with activities from your integrations in the API or CLI. Easily validate, test, and troubleshoot external integrations with Platform.sh.</p>
    </div>
  </a>

  <a href="/posts/unknown/improving-access-and-security-for-your-projects" className="blog-card group rounded-xl bg-card border-theme card-hover shadow-sm hover:shadow-md transition-all overflow-hidden flex flex-col">
    {`/images/posts/unknown/improving-access-and-security-for-your-projects/improving-access-and-security-for-your-projects.webp` !== '' && (
          <div className="blog-card-img-wrap">
            <img src="/images/posts/unknown/improving-access-and-security-for-your-projects/improving-access-and-security-for-your-projects.webp" alt="Improving access and security for your projects" className="blog-card-img" />
          </div>
        )}

    <div className="blog-card-body">
      <div className="flex items-center gap-2">
        {`platformsh-blog` !== '' && (
                      <span className="text-xs font-semibold uppercase tracking-wider px-2 py-0.5 rounded-md bg-accent-badge border border-accent-soft text-accent">
                        platformsh-blog
                      </span>
                    )}

        <span className="text-xs text-subtle">Monday, April 20th 2020</span>
      </div>

      <h3 className="blog-card-title group-hover:text-accent transition-colors">Improving access and security for your projects</h3>
      <p className="blog-card-desc">Improved user security measures, including strong password policies and Single Sign-On (SSO) capabilities for enhanced authentication and mitigation control.</p>
    </div>
  </a>

  <a href="/posts/unknown/why-you-should-care-about-wechat-before-its-too-late" className="blog-card group rounded-xl bg-card border-theme card-hover shadow-sm hover:shadow-md transition-all overflow-hidden flex flex-col">
    {`/images/posts/unknown/why-you-should-care-about-wechat-before-its-too-late/why-you-should-care-about-wechat-before-its-too-late.webp` !== '' && (
          <div className="blog-card-img-wrap">
            <img src="/images/posts/unknown/why-you-should-care-about-wechat-before-its-too-late/why-you-should-care-about-wechat-before-its-too-late.webp" alt="Why you should care about WeChat before it's too late!" className="blog-card-img" />
          </div>
        )}

    <div className="blog-card-body">
      <div className="flex items-center gap-2">
        {`platformsh-blog` !== '' && (
                      <span className="text-xs font-semibold uppercase tracking-wider px-2 py-0.5 rounded-md bg-accent-badge border border-accent-soft text-accent">
                        platformsh-blog
                      </span>
                    )}

        <span className="text-xs text-subtle">Wednesday, October 31st 2018</span>
      </div>

      <h3 className="blog-card-title group-hover:text-accent transition-colors">Why you should care about WeChat before it's too late!</h3>
      <p className="blog-card-desc">Learn about WeChat, China's super-app, and discover strategies for reaching its vast user base. WeChat's influence on mobile commerce and marketing.</p>
    </div>
  </a>

  <a href="/posts/unknown/platformsh-joins-the-prestigious-french-tech-tour-china-2017" className="blog-card group rounded-xl bg-card border-theme card-hover shadow-sm hover:shadow-md transition-all overflow-hidden flex flex-col">
    {`/images/posts/unknown/platformsh-joins-the-prestigious-french-tech-tour-china-2017/platformsh-joins-the-prestigious-french-tech-tour-china-2017.webp` !== '' && (
          <div className="blog-card-img-wrap">
            <img src="/images/posts/unknown/platformsh-joins-the-prestigious-french-tech-tour-china-2017/platformsh-joins-the-prestigious-french-tech-tour-china-2017.webp" alt="Platform.sh joins the prestigious French Tech Tour China 2017" className="blog-card-img" />
          </div>
        )}

    <div className="blog-card-body">
      <div className="flex items-center gap-2">
        {`platformsh-blog` !== '' && (
                      <span className="text-xs font-semibold uppercase tracking-wider px-2 py-0.5 rounded-md bg-accent-badge border border-accent-soft text-accent">
                        platformsh-blog
                      </span>
                    )}

        <span className="text-xs text-subtle">Sunday, December 3rd 2017</span>
      </div>

      <h3 className="blog-card-title group-hover:text-accent transition-colors">Platform.sh joins the prestigious French Tech Tour China 2017</h3>
      <p className="blog-card-desc">Join our CEO and team in Singapore, Hong Kong, Shenzhen, Shanghai, and Beijing for the French Tech Tour China 2017. Learn more about Platform.sh's journey.</p>
    </div>
  </a>

  <a href="/posts/unknown/deploy-api-platform-on-platformsh" className="blog-card group rounded-xl bg-card border-theme card-hover shadow-sm hover:shadow-md transition-all overflow-hidden flex flex-col">
    {`/images/posts/unknown/deploy-api-platform-on-platformsh/deploy-api-platform-on-platformsh.webp` !== '' && (
          <div className="blog-card-img-wrap">
            <img src="/images/posts/unknown/deploy-api-platform-on-platformsh/deploy-api-platform-on-platformsh.webp" alt="Simplifying API Platform Deployment on Platform.sh" className="blog-card-img" />
          </div>
        )}

    <div className="blog-card-body">
      <div className="flex items-center gap-2">
        {`platformsh-blog` !== '' && (
                      <span className="text-xs font-semibold uppercase tracking-wider px-2 py-0.5 rounded-md bg-accent-badge border border-accent-soft text-accent">
                        platformsh-blog
                      </span>
                    )}

        <span className="text-xs text-subtle">Wednesday, November 29th 2017</span>
      </div>

      <h3 className="blog-card-title group-hover:text-accent transition-colors">Simplifying API Platform Deployment on Platform.sh</h3>
      <p className="blog-card-desc">Optimize API development with Platform.sh. Deploy API Platform effortlessly and unlock robust backend capabilities for your APIs</p>
    </div>
  </a>

  <a href="/posts/unknown/what-is-your-timezone" className="blog-card group rounded-xl bg-card border-theme card-hover shadow-sm hover:shadow-md transition-all overflow-hidden flex flex-col">
    {`/images/posts/unknown/what-is-your-timezone/what-is-your-timezone.webp` !== '' && (
          <div className="blog-card-img-wrap">
            <img src="/images/posts/unknown/what-is-your-timezone/what-is-your-timezone.webp" alt="What's your timezone?" className="blog-card-img" />
          </div>
        )}

    <div className="blog-card-body">
      <div className="flex items-center gap-2">
        {`platformsh-blog` !== '' && (
                      <span className="text-xs font-semibold uppercase tracking-wider px-2 py-0.5 rounded-md bg-accent-badge border border-accent-soft text-accent">
                        platformsh-blog
                      </span>
                    )}

        <span className="text-xs text-subtle">Tuesday, December 27th 2016</span>
      </div>

      <h3 className="blog-card-title group-hover:text-accent transition-colors">What's your timezone?</h3>
      <p className="blog-card-desc">Discover how Platform.sh, a fully distributed company, manages its global team and communication using Node.js and self-hosted timezone.io.</p>
    </div>
  </a>

  <a href="/posts/releases/github-blackfire-platformsh" className="blog-card group rounded-xl bg-card border-theme card-hover shadow-sm hover:shadow-md transition-all overflow-hidden flex flex-col">
    {`/images/posts/devcenter.webp` !== '' && (
          <div className="blog-card-img-wrap">
            <img src="/images/posts/devcenter.webp" alt="Develop on GitHub, Deploy on Platform.sh, Test on Blackfire.io" className="blog-card-img" />
          </div>
        )}

    <div className="blog-card-body">
      <div className="flex items-center gap-2">
        {`releases` !== '' && (
                      <span className="text-xs font-semibold uppercase tracking-wider px-2 py-0.5 rounded-md bg-accent-badge border border-accent-soft text-accent">
                        releases
                      </span>
                    )}

        <span className="text-xs text-subtle">Tuesday, August 30th 2016</span>
      </div>

      <h3 className="blog-card-title group-hover:text-accent transition-colors">Develop on GitHub, Deploy on Platform.sh, Test on Blackfire.io</h3>
      <p className="blog-card-desc">Learn how to easily integrate GitHub, Blackfire, and Platform.sh for streamlined code management, deployment, and performance testing.</p>
    </div>
  </a>

  <a href="/posts/unknown/httpoxy" className="blog-card group rounded-xl bg-card border-theme card-hover shadow-sm hover:shadow-md transition-all overflow-hidden flex flex-col">
    {`/images/posts/devcenter.webp` !== '' && (
          <div className="blog-card-img-wrap">
            <img src="/images/posts/devcenter.webp" alt="Httpoxy or how Platform.sh keeps your applications safe" className="blog-card-img" />
          </div>
        )}

    <div className="blog-card-body">
      <div className="flex items-center gap-2">
        {`platformsh-blog` !== '' && (
                      <span className="text-xs font-semibold uppercase tracking-wider px-2 py-0.5 rounded-md bg-accent-badge border border-accent-soft text-accent">
                        platformsh-blog
                      </span>
                    )}

        <span className="text-xs text-subtle">Wednesday, July 20th 2016</span>
      </div>

      <h3 className="blog-card-title group-hover:text-accent transition-colors">Httpoxy or how Platform.sh keeps your applications safe</h3>
      <p className="blog-card-desc">Ensure your applications' security! We've fixed the Httpoxy vulnerability in every Platform.sh region, so you're safe without any redeployments.</p>
    </div>
  </a>

  <a href="/posts/unknown/new-features-june" className="blog-card group rounded-xl bg-card border-theme card-hover shadow-sm hover:shadow-md transition-all overflow-hidden flex flex-col">
    {`/images/posts/devcenter.webp` !== '' && (
          <div className="blog-card-img-wrap">
            <img src="/images/posts/devcenter.webp" alt="June Features Update" className="blog-card-img" />
          </div>
        )}

    <div className="blog-card-body">
      <div className="flex items-center gap-2">
        {`platformsh-blog` !== '' && (
                      <span className="text-xs font-semibold uppercase tracking-wider px-2 py-0.5 rounded-md bg-accent-badge border border-accent-soft text-accent">
                        platformsh-blog
                      </span>
                    )}

        <span className="text-xs text-subtle">Thursday, June 30th 2016</span>
      </div>

      <h3 className="blog-card-title group-hover:text-accent transition-colors">June Features Update</h3>
      <p className="blog-card-desc">The latest updates and improvements from Platform.sh. From web interface enhancements to CLI improvements and Drupal 8 with Composer updates.</p>
    </div>
  </a>

  <a href="/posts/unknown/drupal-8-release-party" className="blog-card group rounded-xl bg-card border-theme card-hover shadow-sm hover:shadow-md transition-all overflow-hidden flex flex-col">
    {`/images/posts/unknown/drupal-8-release-party/drupal-8-release-party.webp` !== '' && (
          <div className="blog-card-img-wrap">
            <img src="/images/posts/unknown/drupal-8-release-party/drupal-8-release-party.webp" alt="Drupal 8.0 has been released... Party time!" className="blog-card-img" />
          </div>
        )}

    <div className="blog-card-body">
      <div className="flex items-center gap-2">
        {`platformsh-blog` !== '' && (
                      <span className="text-xs font-semibold uppercase tracking-wider px-2 py-0.5 rounded-md bg-accent-badge border border-accent-soft text-accent">
                        platformsh-blog
                      </span>
                    )}

        <span className="text-xs text-subtle">Thursday, November 19th 2015</span>
      </div>

      <h3 className="blog-card-title group-hover:text-accent transition-colors">Drupal 8.0 has been released... Party time!</h3>
      <p className="blog-card-desc">Join the global Drupal 8 release celebration! Learn more about Drupal 8 parties and deploy it today on Platform.sh for a free trial.</p>
    </div>
  </a>

  <a href="/posts/unknown/work-with-distribution" className="blog-card group rounded-xl bg-card border-theme card-hover shadow-sm hover:shadow-md transition-all overflow-hidden flex flex-col">
    {`/images/posts/devcenter.webp` !== '' && (
          <div className="blog-card-img-wrap">
            <img src="/images/posts/devcenter.webp" alt="The correct way to work with Drupal distributions" className="blog-card-img" />
          </div>
        )}

    <div className="blog-card-body">
      <div className="flex items-center gap-2">
        {`platformsh-blog` !== '' && (
                      <span className="text-xs font-semibold uppercase tracking-wider px-2 py-0.5 rounded-md bg-accent-badge border border-accent-soft text-accent">
                        platformsh-blog
                      </span>
                    )}

        <span className="text-xs text-subtle">Tuesday, July 28th 2015</span>
      </div>

      <h3 className="blog-card-title group-hover:text-accent transition-colors">The correct way to work with Drupal distributions</h3>
      <p className="blog-card-desc">Learn how to easily build and maintain your Drupal site on top of distributions using Platform.sh's support for Drush Make files.</p>
    </div>
  </a>

  <a href="/posts/unknown/release-docs-3-0" className="blog-card group rounded-xl bg-card border-theme card-hover shadow-sm hover:shadow-md transition-all overflow-hidden flex flex-col">
    {`/images/posts/devcenter.webp` !== '' && (
          <div className="blog-card-img-wrap">
            <img src="/images/posts/devcenter.webp" alt="Documentation version 3.0 released" className="blog-card-img" />
          </div>
        )}

    <div className="blog-card-body">
      <div className="flex items-center gap-2">
        {`platformsh-blog` !== '' && (
                      <span className="text-xs font-semibold uppercase tracking-wider px-2 py-0.5 rounded-md bg-accent-badge border border-accent-soft text-accent">
                        platformsh-blog
                      </span>
                    )}

        <span className="text-xs text-subtle">Saturday, July 25th 2015</span>
      </div>

      <h3 className="blog-card-title group-hover:text-accent transition-colors">Documentation version 3.0 released</h3>
      <p className="blog-card-desc">Announcing Platform.sh documentation version 3.0 with improved guides and easier contributions. Explore the new documentation now!</p>
    </div>
  </a>

  <a href="/posts/unknown/best-horizontal-cloud-platform-eurocloud" className="blog-card group rounded-xl bg-card border-theme card-hover shadow-sm hover:shadow-md transition-all overflow-hidden flex flex-col">
    {`/images/posts/unknown/best-horizontal-cloud-platform-eurocloud/best-horizontal-cloud-platform-eurocloud.webp` !== '' && (
          <div className="blog-card-img-wrap">
            <img src="/images/posts/unknown/best-horizontal-cloud-platform-eurocloud/best-horizontal-cloud-platform-eurocloud.webp" alt="Platform.sh elected Best Horizontal Cloud Platform of the year" className="blog-card-img" />
          </div>
        )}

    <div className="blog-card-body">
      <div className="flex items-center gap-2">
        {`platformsh-blog` !== '' && (
                      <span className="text-xs font-semibold uppercase tracking-wider px-2 py-0.5 rounded-md bg-accent-badge border border-accent-soft text-accent">
                        platformsh-blog
                      </span>
                    )}

        <span className="text-xs text-subtle">Friday, July 10th 2015</span>
      </div>

      <h3 className="blog-card-title group-hover:text-accent transition-colors">Platform.sh elected Best Horizontal Cloud Platform of the year</h3>
      <p className="blog-card-desc">Platform.sh wins Best Cloud Services for horizontal markets at CLOUD WEEK Paris. Discover how Platform.sh empowers marketing teams for agile web development.</p>
    </div>
  </a>

  <a href="/posts/unknown/blackfire-integration" className="blog-card group rounded-xl bg-card border-theme card-hover shadow-sm hover:shadow-md transition-all overflow-hidden flex flex-col">
    {`/images/posts/devcenter.webp` !== '' && (
          <div className="blog-card-img-wrap">
            <img src="/images/posts/devcenter.webp" alt="Support for Blackfire Profiler" className="blog-card-img" />
          </div>
        )}

    <div className="blog-card-body">
      <div className="flex items-center gap-2">
        {`platformsh-blog` !== '' && (
                      <span className="text-xs font-semibold uppercase tracking-wider px-2 py-0.5 rounded-md bg-accent-badge border border-accent-soft text-accent">
                        platformsh-blog
                      </span>
                    )}

        <span className="text-xs text-subtle">Monday, February 2nd 2015</span>
      </div>

      <h3 className="blog-card-title group-hover:text-accent transition-colors">Support for Blackfire Profiler</h3>
      <p className="blog-card-desc">Optimize performance with Blackfire Profiler on Platform.sh. Monitor server resources, identify bottlenecks, and compare codebases for better performance.</p>
    </div>
  </a>

  <a href="/posts/unknown/release-ui-1-10" className="blog-card group rounded-xl bg-card border-theme card-hover shadow-sm hover:shadow-md transition-all overflow-hidden flex flex-col">
    {`/images/posts/devcenter.webp` !== '' && (
          <div className="blog-card-img-wrap">
            <img src="/images/posts/devcenter.webp" alt="UI version 1.10 released" className="blog-card-img" />
          </div>
        )}

    <div className="blog-card-body">
      <div className="flex items-center gap-2">
        {`platformsh-blog` !== '' && (
                      <span className="text-xs font-semibold uppercase tracking-wider px-2 py-0.5 rounded-md bg-accent-badge border border-accent-soft text-accent">
                        platformsh-blog
                      </span>
                    )}

        <span className="text-xs text-subtle">Monday, January 26th 2015</span>
      </div>

      <h3 className="blog-card-title group-hover:text-accent transition-colors">UI version 1.10 released</h3>
      <p className="blog-card-desc">Announcing Platform.sh UI version 1.10 with easy SSH key upload and snapshot restoration. Enhance your Platform.sh experience. Explore the new features now!</p>
    </div>
  </a>

  <a href="/posts/unknown/release-ui-1-9" className="blog-card group rounded-xl bg-card border-theme card-hover shadow-sm hover:shadow-md transition-all overflow-hidden flex flex-col">
    {`/images/posts/devcenter.webp` !== '' && (
          <div className="blog-card-img-wrap">
            <img src="/images/posts/devcenter.webp" alt="UI version 1.9 released" className="blog-card-img" />
          </div>
        )}

    <div className="blog-card-body">
      <div className="flex items-center gap-2">
        {`platformsh-blog` !== '' && (
                      <span className="text-xs font-semibold uppercase tracking-wider px-2 py-0.5 rounded-md bg-accent-badge border border-accent-soft text-accent">
                        platformsh-blog
                      </span>
                    )}

        <span className="text-xs text-subtle">Wednesday, December 3rd 2014</span>
      </div>

      <h3 className="blog-card-title group-hover:text-accent transition-colors">UI version 1.9 released</h3>
      <p className="blog-card-desc">Announcing Platform.sh UI version 1.9 with quick environment access, easy Git and SSH command copying, and unified configuration screens.</p>
    </div>
  </a>
</ShowMore>