Kyne Software - Ethereum Node Operations

A professional Next.js website for Kyne Software, specializing in Ethereum node operations and digital asset management services. Built with Next.js 15, TypeScript, and Tailwind CSS, optimized for GitHub Pages deployment.

🚀 Features

• Professional Design: Modern, responsive design with purple/slate color scheme
• Ethereum Focus: Content tailored for blockchain and node operations business
• GitHub Pages Ready: Configured for static site generation and deployment
• SEO Optimized: Proper meta tags and OpenGraph integration
• Mobile Responsive: Fully responsive design for all device sizes
• Fast Performance: Optimized with Next.js and Tailwind CSS

🛠 Tech Stack

• Framework: Next.js 15 with App Router
• Styling: Tailwind CSS v4
• Language: TypeScript
• Deployment: GitHub Pages with GitHub Actions
• Fonts: Geist Sans & Geist Mono

📋 Getting Started

Prerequisites

• Node.js 20 or higher
• npm or yarn

Development

1. Clone the repository

   git clone <your-repo-url>
   cd frontend

2. Install dependencies

   npm install

3. Run development server

   npm run dev

4. Open browser Navigate to http://localhost:3000

Building for Production

npm run build

This generates a static site in the out directory, ready for GitHub Pages.

🚢 Deployment to GitHub Pages

Automatic Deployment

The site is configured with GitHub Actions for automatic deployment:

1. Enable GitHub Pages:

   • Go to your repository Settings → Pages
   • Source: GitHub Actions

2. Push to main branch:

   git add .
   git commit -m "Initial commit"
   git push origin main

3. Monitor deployment:

   • Check the Actions tab for build progress
   • Site will be available at https://yourusername.github.io/frontend

Manual Deployment

npm run deploy

📁 Project Structure

frontend/
├── src/
│   └── app/
│       ├── layout.tsx      # Root layout with metadata
│       ├── page.tsx        # Main landing page
│       └── globals.css     # Global styles
├── public/                 # Static assets
├── .github/
│   └── workflows/
│       └── deploy.yml      # GitHub Actions workflow
├── next.config.ts          # Next.js configuration
└── package.json           # Dependencies and scripts

🎨 Customization

Content Updates

Edit src/app/page.tsx to update:

• Services offered
• Company information
• Contact details
• Pricing or additional sections

Styling

The site uses Tailwind CSS with a custom color scheme:

• Primary: Purple (purple-400, purple-600)
• Background: Slate (slate-900, slate-800)
• Text: White and gray variants

SEO & Metadata

Update src/app/layout.tsx for:

• Page titles and descriptions
• OpenGraph tags
• Keywords
• Author information

🔧 Configuration

GitHub Pages Settings

The next.config.ts includes GitHub Pages optimizations:

• Static export configuration
• Asset prefix for proper routing
• Image optimization disabled (required for static export)

Environment Variables

No environment variables required for basic deployment.

📈 Performance

• Lighthouse Score: Optimized for performance, accessibility, and SEO
• Core Web Vitals: Fast loading with optimized assets
• Mobile First: Responsive design principles

🤝 Contributing

1. Fork the repository
2. Create a feature branch
3. Make your changes
4. Test locally
5. Submit a pull request

📄 License

This project is licensed under the MIT License.

🏢 About Kyne Software

Kyne Software specializes in:

• Ethereum Node Operations: Professional validator and node management
• Staking Solutions: Secure Ethereum 2.0 staking services
• Infrastructure Consulting: Blockchain architecture and optimization

Founded by Oisín Kyne, focused on building secure, reliable blockchain infrastructure for digital asset management.

---

Contact: Visit oisin.kyne.eu for inquiries and consultations.