Thephp.foundation screenshot

Thephp.foundation

Author Avatar Theme by Thephpf
Updated: 15 May 2025
166 Stars

Overview:

The thephp.foundation website is built using the PHP static-site generator Sculpin and utilizes Tailwind CSS for design and layout. It allows users to submit blog posts by creating a pull request and follows a specific format for the posts. The site can be developed and maintained by installing the necessary dependencies and making content or design changes. The deployment workflow automatically deploys changes to gh-pages on a push to the main branch.

Features:

  • Built using the PHP static-site generator Sculpin
  • Utilizes Tailwind CSS for design and layout
  • Allows users to submit blog posts in a specific format
  • Development server for previewing content changes
  • Tailwind watcher for refreshing page with CSS changes
  • Two content types: pages and posts
  • Two top-level pages: index.html and blog.html
  • Automatic deployment workflow to gh-pages

Installation:

To develop the website, the following requirements are needed:

  • PHP 8.3 or later
  • Composer
  • Node 20 with NPM

To install the dependencies, follow these steps:

  • Install PHP dependencies using Composer:

    composer install
    
  • Install CSS dependencies using NPM:

    npm install
    

To build the CSS, run the following command:

npm run watch

To test the site and preview content changes, start the Sculpin development server with the command:

sculpin generate --watch --server

To make design changes and refresh pages automatically, run the Tailwind watcher:

npx tailwindcss -i assets/css/app.css -o assets/css/output.css --watch

Summary:

The thephp.foundation website is built using Sculpin and Tailwind CSS. It allows users to submit blog posts in a specific format and provides a development environment for testing and making changes. The site has two content types and two top-level pages. Deployment is automated to gh-pages when changes are pushed to the main branch.