
Template details
Bed Covid RS Indonesia
Website yang memberikan informasi terkait ketersediaan rumah sakit dan tempat tidur rumah sakit untuk pasien covid-19 ataupun non-covid di Indonesia.
About this template
Bed Covid RS Indonesia is an open-source Next.js web application that displays hospital and bed availability information for COVID-19 and non-COVID patients across Indonesia, using data from a public community-maintained API.
What is Bed Covid RS Indonesia?
Bed Covid RS Indonesia is a Next.js and Chakra UI project that turns hospital bed availability data from the public rs-bed-covid-indo-api into a searchable website. It takes the API's JSON data and renders a list of hospitals filtered by province and city, and each hospital has its own detail page showing available beds. The project is published on GitHub by hendraaagil under the MIT License, and was built from the next-chakra-starter template.
Key Features
- Regional hospital list — Browsable listings of hospitals organized by province and kabupaten/kota, so visitors can narrow results to their area.
- Hospital detail pages — Each hospital details page displays bed availability data for COVID-19 and non-COVID patients.
- Public API integration — Uses the community API satyawikananda/rs-bed-covid-indo-api as its single data source, specified via the NEXT_PUBLIC_API_URL environment variable.
- Next.js framework — Built on Next.js to benefit from server-side rendering, routing, and a large React ecosystem.
- Chakra UI styling — All interface components come from Chakra UI, providing accessible and customizable React components out of the box.
- Simple setup — Running locally requires only yarn and editing one .env file, then running yarn dev.
- MIT open-source license — The code is freely reusable, with no cost or licensing restrictions.
Who is it for?
- Indonesian developers who need a ready-made hospital directory website they can customize and deploy quickly.
- Hackathon teams working on COVID-19 information projects can use this as a base to save time on front-end development.
- Organizations publishing health resource data can fork the project and swap in their own data source through the environment variable.
- Next.js learners can study a compact, real-world example of fetching data from an API and rendering interactive lists and detail pages.
What can you do with it?
- Launch a public bed-availability website: Deploy the site so residents can check which hospitals have beds in their province or city.
- Point it at different data: Change the API endpoint in the .env file to aggregate data from any compatible source.
- Extend the interface: Add new features like search, filters, or a map view using Chakra UI components and Next.js pages.
- Use as a portfolio piece: Showcase a working full-stack application with external API integration on a developer resume.
How does it work?
After cloning the repository, you install dependencies with yarn and set the NEXT_PUBLIC_API_URL variable to the public API endpoint. The Next.js app queries the API at runtime and renders hospital data as a list that visitors can filter by region. Each hospital entry links to a separate route displaying its detailed bed availability.
Alternatives
- Ina Covid Bed — A similar open-source project referenced in the README that also tracks COVID-19 bed availability in Indonesia.
FAQ
Is this template free?
Yes, Bed Covid RS Indonesia is open source under the MIT License, so you can use, modify, and share it without paying license fees.
What data does it use?
The site relies on the public rs-bed-covid-indo-api maintained by satyawikananda. That API supplies hospital names, locations, and bed counts; the template simply presents the data it receives.
What tech stack is used?
The project uses Next.js as the React framework and Chakra UI for styling. You need Node.js and yarn installed to run it locally.
How do I run it locally?
Clone the repository, run yarn to install dependencies, create a .env file with NEXT_PUBLIC_API_URL pointing to the API, and run yarn dev. The development server will start, typically at localhost:3000.
Does it cover non-COVID beds?
Yes, the README states that the website provides information about bed availability for both COVID-19 and non-COVID patients.














