Skip to content
arsyad®

work/hasilraya · 04/04

Company web platform

Role
Design + fullstack
Client
Hasil Raya
Stack
Next.js, Hono, TypeScript
Platform
Web
Year
2025
Link
hasilraya.com ↗
hasilraya.com full landing page
[01]overview.md

Overview

01 — problem

The company needed a credible, fast web presence that the team could keep updated without a developer.

02 — what I did

Designed and built the platform with Next.js on the front and a Hono API behind it.

03 — outcome

A production-ready site with static pages, fast loads and content the team owns.

[02]screens/
hasilraya.com full page
[03]under_the_hood.ts

Under the hood

Next.js (SSG)Hono APIContent storeMail
fig — system overview
app/(site)/page.tsxtsx
export const revalidate = 3600export default async function Home() {  const [hero, products] = await Promise.all([    api.get('/content/hero'),    api.get('/products?featured=1'),  ])  return <Landing hero={hero} products={products} />}
Static by default, revalidated hourly — fast for visitors, editable for the team.

Stack

  • Next.js
  • Hono
  • TypeScript
[04]results.log

Whatshipped.

  • Long-form landing with static generation.
  • Shared Hono API pattern reused from fbnstore.
next project → cd ../fbnstorefbnstore.idFull point-of-sale for cafés & retail