Skip to content

cloudnative-id/landing-page

Repository files navigation

Kubernetes Cloud Native Indonesia

Deploy to GitHub Pages

Official landing page for the Kubernetes Cloud Native Indonesia community.

🌐 Live Site: cloudnative.id

✨ Features

  • Framework - Built with Astro
  • 📝 YAML-based Content - Easy content management
  • 🖼️ Event Banners - Image lightbox for event posters
  • 🎯 Masonry Layout - Pinterest-style event cards
  • 🔍 Event Filter - Search by type, location, and time
  • 🤖 Auto Deploy - GitHub Actions to GitHub Pages

🚀 Quick Start

Prerequisites

  • Node.js 20+
  • npm or pnpm

Development

# Clone repository
git clone https://github.com/cloudnative-id/landing-page.git
cd landing-page

# Install dependencies
npm install

# Start dev server
npm run dev

# Open http://localhost:4321

Build

npm run build
npm run preview

📁 Project Structure

landing-page/
├── src/
│   ├── content/
│   │   ├── events/          # Event YAML files
│   │   ├── team/            # Team member YAML files
│   │   ├── community/       # Community links YAML
│   │   └── config.ts        # Content schema
│   ├── components/          # Reusable components
│   ├── layouts/             # Page layouts
│   └── pages/               # Routes
├── public/
│   └── events/              # Event banner images
└── .github/workflows/       # CI/CD

📝 Adding Content

Add Event

Create a YAML file in src/content/events/:

# example-event.yaml
title: "Kubernetes Meetup March 2026"
date: "2026-03-20"
time: "19:00 WIB"
location: "Online Event (Virtual)"
type: "meetup"
speaker: "John Doe"
topic: "Advanced Kubernetes Networking"
description: |
  Deep dive into Kubernetes networking.
cncfEventUrl: "https://community.cncf.io/events/details/..."
banner: "meetup-march-2026.jpg"
published: true

Events are automatically sorted:

  • Upcoming - Events with date >= today
  • Past - Events with date < today

Add Team Member

# john-doe.yaml
name: "John Doe"
role: "Technical Lead"
bio: "Kubernetes enthusiast"
github: "johndoe"
twitter: "johndoe"
linkedin: "https://linkedin.com/in/johndoe"
order: 1

Add Community Link

# discord.yaml
title: "Discord Server"
description: "Join our Discord community"
icon: "discord"
link: "https://discord.gg/your-invite"
order: 3

Add FAQ

#community.yaml
category: "Community & Membership"
order: 1
questions:
  - question: "Does Kubernetes Cloud Native Indonesia have a basecamp?"
    answer: |
      No, our committee come from various cities in Indonesia. However, we usually hold regular meetings both online and offline.
    order: 1

Add Speaker

name: "John Doe"
title: "Devops Engineer"
company: "Awesome Company"
bio: |
  John Doe bio
avatar: "/people/john-doe.webp"
topic:
  - "Kubernetes"
  - "CI/CD"
linkedin: "https://www.linkedin.com/in/johndoe"
github: "johndoe"
twitter: "johndoe"
talks:
  - title: "Building Production-Ready Kubernetes Clusters"
    event: "Kubernetes Cloud Native Offline Meetup August 2025"
    date: "2025-08-21"
    description: "Best practices and lessons learned from running Kubernetes in production at scale"
    slidesUrl: "https://www.slideshare.net/slideshow/links"
order: 1

📧 Contact


Made with ❤️ by Kubernetes Cloud Native Indonesia Community

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages