https://github.com/yowainwright/k8s-web-logs-learning

k8s in-browser streaming demo using k8s, tilt, kind, next, shadcn, and xterm.js
https://github.com/yowainwright/k8s-web-logs-learning

k8s log-streaming nextjs shadcn-ui xterm-js

Last synced: 9 days ago
JSON representation

k8s in-browser streaming demo using k8s, tilt, kind, next, shadcn, and xterm.js

• Host: GitHub
• URL: https://github.com/yowainwright/k8s-web-logs-learning
• Owner: yowainwright
• Created: 2024-07-04T07:43:16.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-07-10T05:32:18.000Z (3 months ago)
• Last Synced: 2024-09-21T18:38:58.527Z (14 days ago)
• Topics: k8s, log-streaming, nextjs, shadcn-ui, xterm-js
• Language: TypeScript
• Homepage:
• Size: 200 KB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# K9s Web Logs Learning

This is a project to learn how to stream kubernetes logs to a web page. It works. Try it out!

---

## Try it out

- Copy `.env.example` as `.env.local` and follow the text instructions.

- Then, run \*`n i auto` and `pnpm i`.

- Finally, run `tilt up` to start the server.

> [!NOTE]

> *These commands assume you have `n` (or `nvm`) for node, `pnpm` for package management, and `kind` and `tilt` for Kubernetes installed.


> _Run `brew install n kind tilt ctlptrl` and `npm install pnpm -g` if not._

---

## About

This project is a learning project to understand/learn/explain how to stream logs from a Kubernetes cluster to a web page.

The project uses a simple [Next.js](https://nextjs.org/) app, [ShadCn](https://ui.shadcn.com/), and [Xterm.js](https://xtermjs.org/) to create a terminal-like experience in the browser.