geoffsee / worker-site-alpine

Starter template

README

Lightweight Full-Stack Starter Template

This repository provides a lightweight full-stack starter template using Alpine.js, Tailwind CSS, and Hono with GraphQL Yoga, all deployed on Cloudflare Workers. This stack ensures lightning-fast, globally distributed responses.

Features

• Frontend: Alpine.js for reactivity and Tailwind CSS for styling.
• Backend: Hono framework with GraphQL Yoga.
• Cloudflare Workers: Serverless, fast, and globally distributed.

Prerequisites

• npm or yarn
• Cloudflare account

Installation

1. Clone the repository:

   git clone https://github.com/geoffsee/fullstack-starter-template.git
   cd fullstack-starter-template

2. Install dependencies:

   npm install

   or

   yarn install

3. Configure Cloudflare Workers:

   • Ensure you have wrangler installed and configured. Follow the Cloudflare Workers documentation: Cloudflare Workers Documentation

Usage

1. Run the Development Server:

   npm run dev

   or

   yarn dev

   Access the app at http://localhost:8787.

Folder Structure

.
├── public
│   ├── favicon.ico
│   └── index.html
├── src
│   ├── graphql.ts
│   └── index.ts
├── package.json
├── tsconfig.json
├── wrangler.toml
└── README.md

Deployment

1. Build the Project:

   npm run build

   or

   yarn build

2. Deploy to Cloudflare Workers:

   wrangler publish

License

This project is licensed under the MIT License. See the LICENSE file for details.