skills.rest
relocate-with-us
relocate-with-usCOMMUNITY
Explore all skills by this author →
GitHub

site-deploy

Automate Eleventy site builds, previews, and GitHub Pages deployments.

7|7|Updated Feb 7, 2023
Search Tags:#web development#CI/CD#GitHub Pages#site deployment#Eleventy
One-click install
npx skills add https://github.com/relocate-with-us/relocate-with-us.github.io --skill site-deploy-relocate-with-us
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: site-deploy
Source: https://github.com/relocate-with-us/relocate-with-us.github.io/tree/main/.cursor/skills/site-deploy
Command: npx skills add https://github.com/relocate-with-us/relocate-with-us.github.io --skill site-deploy-relocate-with-us

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @11ty/eleventy, tailwindcss, pagefind, and includes scripts (resource) and assets (resource) components.

What problem does it solve?

This Skill automates the build, preview, and deployment process for the VisaJobs.xyz Eleventy site, streamlining the workflow for creating and updating the website.

Core Features & Use Cases

  • Automated Build: Build the Eleventy site locally or for production.
  • Preview: Serve the site locally for previewing changes.
  • Deployment: Deploy the site to GitHub Pages.
  • Use Case: When you need to quickly update the VisaJobs.xyz site and ensure it's live with minimal manual steps.

Quick Start

Build and deploy the VisaJobs.xyz site by running 'npm run update:jobs' and then 'git push origin main'.

Frequently Asked Questions about site-deploy

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

FAQPage Schema
How do I automate Eleventy site build and deployment to GitHub Pages?▼

Automating Eleventy site deployment to GitHub Pages involves handling local development, production builds, and hosting via Git version control. You can streamline this by running a build script and pushing the changes to your main branch.

What is the best way to preview an Eleventy site locally before production deployment?▼

Previewing an Eleventy site locally requires a build process that serves the generated output for review. This approach ensures your Tailwind CSS styling and Pagefind indexing render correctly before you push updates to production.

Do I need Tailwind CSS and Pagefind to use automated Eleventy site deployment?▼

Tailwind CSS and Pagefind are required dependencies for the automated Eleventy site deployment process. Tailwind handles site styling while Pagefind generates the necessary search indexing during both local development and production builds.

Can I deploy an Eleventy site to GitHub Pages using only Git commands?▼

Deploying an Eleventy site to GitHub Pages requires a production build before using Git commands. Once the site is built, you can complete the deployment by running a git push command to update the main branch.

Why does my Eleventy production build fail before GitHub Pages deployment?▼

An Eleventy production build may fail before GitHub Pages deployment if required dependencies like Tailwind CSS or Pagefind are missing. Ensure your local development environment is properly configured and all build scripts execute without errors.

Related Skills

Explore More Software Engineering Skills→
agusmdevagusmdev
5

tanstack-shadcn-setup

Configure Tailwind CSS v4 and shadcn/ui for TanStack Start and Router projects.

Community
Advanced
rampstackcorampstackco
523

seo-technical

Audit technical SEO issues across crawlability, indexability, rendering, and structured data.

Official
Advanced
AnglesiteAnglesite
2

search

Adds on-site search to static websites using Pagefind client-side indexing.

Official
Intermediate
Baphomet480Baphomet480

cloudflare-pages

Deploy static websites to Cloudflare Pages with custom domains and CI/CD.

Community
Intermediate