The Grafana-Prometheus Stack
**Prometheus** scrapes metrics. **Grafana** visualizes them.
1. Install Prometheus
bash
sudo useradd --no-create-home --shell /bin/false prometheus
wget https://github.com/prometheus/prometheus/releases/download/v2.45.0/prometheus-2.45.0.linux-amd64.tar.gz
tar xvf prometheus-*.tar.gzCreate `prometheus.yml`:
yaml
global:
scrape_interval: 15s
scrape_configs:
- job_name: 'node_exporter'
static_configs:
- targets: ['localhost:9100']2. Install Node Exporter
Node exporter exposes hardware and OS metrics.
3. Install Grafana
bash
sudo apt-get install -y apt-transport-https software-properties-common wget
wget -q -O - https://packages.grafana.com/gpg.key | sudo apt-key add -
# Add repo...
sudo apt-get install grafana
sudo systemctl start grafana-server4. Connect Data Source
1. Open Grafana (port 3000).
2. Add Data Source -> Prometheus.
3. URL: `http://localhost:9090`.
4. Import Dashboard ID `1860` (Node Exporter Full) for an instant detailed view.
Page changelog
Last updated
- 2024-03-29—Initial or baseline update for this page.
Related articles
Configuration
API Reference — Patterns and Generation
How to design, document, and (when possible) auto-generate reference docs from OpenAPI and source code.
Configuration
Tailwind CSS — Utility-First Styling with Production Discipline
Install Tailwind, build consistent design tokens, and ship fast UI with real CSS examples, components, and best practices.
Configuration
Ant Design — Enterprise UI Components for React
A mature enterprise component library. Learn how to install, theme, and use components with predictable layout and form patterns.
Configuration
MUI (Material UI) — Component Library with Theme Tokens
Build consistent UI fast with MUI themes, component overrides, and practical examples for React/Next.js.
Configuration
Styled Components — CSS-in-JS with Real CSS Snippets
Write component-scoped styles with full CSS power, theming, and patterns for scaling safely.
Configuration
Sass/SCSS — Structured CSS for Large Codebases
Use variables, mixins, and partials to keep CSS maintainable. Includes SCSS examples you can copy/paste.
Was this page helpful?