Menampilkan Lists Data Di Restful Api Bun Dan Elysia.Js — Part 3

Membangun aplikasi web di era modern memerlukan pondasi yang kokoh. Framework modern memberikan fleksibilitas luar biasa bagi developer untuk menghadirkan fitur kompleks secara cepat tanpa mengabaikan aspek keamanan dan keandalan sistem.

Tahapan Implementasi & Walkthrough Kode

Berikut adalah langkah demi langkah teknis yang dapat Anda ikuti langsung pada codebase Anda:

Tahap 1: Penulisan Kode & Konfigurasi

bun add @prisma/client@5.13.0

Tahap 2: Penulisan Kode & Konfigurasi

import { PrismaClient } from '@prisma/client';

const prisma = new PrismaClient();

export default prisma;

Tahap 3: Penulisan Kode & Konfigurasi

//import prisma client
import prisma from "../../prisma/client";

/**
 * Getting all posts
 */
export async function getPosts() {
    try {
        //get all posts
        const posts = await prisma.post.findMany({ orderBy: { id: 'desc' } });

        //return response json
        return {
            success: true,
            message: "List Data Posts!",
            data: posts,
        };
    } catch (e: unknown) {
        console.error(`Error getting posts: ${e}`);
    }
}

Tahap 4: Penulisan Kode & Konfigurasi

//import prisma client
import prisma from "../../prisma/client";

Tahap 5: Penulisan Kode & Konfigurasi

export async function getPosts() {

	//...
	
}

Tahap 6: Penulisan Kode & Konfigurasi

//get all posts
const posts = await prisma.post.findMany({ orderBy: { id: 'desc' } });

Tahap 7: Penulisan Kode & Konfigurasi

//return response json
return {
    success: true,
    message: "List Data Posts!",
    data: posts,
};

Tahap 8: Penulisan Kode & Konfigurasi

//import elysia
import { Elysia } from 'elysia';

//import controller
import { getPosts } from '../controllers/PostController';
 
const Routes = new Elysia({ prefix: '/posts' })

  //route get all posts
  .get('/', () => getPosts())

export default Routes;

Tahap 9: Penulisan Kode & Konfigurasi

//import elysia
import { Elysia } from 'elysia';

Tahap 10: Penulisan Kode & Konfigurasi

//import controller
import { getPosts } from '../controllers/PostController';

Tahap 11: Penulisan Kode & Konfigurasi

const Routes = new Elysia({ prefix: '/posts' })

	//...

export default Routes;

Tahap 12: Penulisan Kode & Konfigurasi

//route get all posts
.get('/', () => getPosts())

Tahap 13: Penulisan Kode & Konfigurasi

//import elysia
import { Elysia } from 'elysia';

//import routes
import Routes from './routes';

//initiate elysia
const app = new Elysia();

//route home
app.get('/', () => 'Hello Elysia!');

//add routes
app.group('/api', (app) => app.use(Routes))

//start server on port 3000
app.listen(3000);
 
console.log(
  `🦊 Elysia is running at http://${app.server?.hostname}:${app.server?.port}`
);

Tahap 14: Penulisan Kode & Konfigurasi

//import elysia
import { Elysia } from 'elysia';

Tahap 15: Penulisan Kode & Konfigurasi

//import routes
import Routes from './routes';

Tahap 16: Penulisan Kode & Konfigurasi

//initiate elysia
const app = new Elysia();

Tahap 17: Penulisan Kode & Konfigurasi

//add routes
app.group('/api', (app) => app.use(Routes))

Tahap 18: Penulisan Kode & Konfigurasi

{
    "success": true,
    "message": "List Data Posts!",
    "data": []
}

Tahap 19: Penulisan Kode & Konfigurasi

data: []

Kesimpulan

Dengan mengikuti langkah-langkah terstruktur di atas, implementasi modul Anda akan jauh lebih rapi, aman dari bug umum, serta siap diskalakan ke lingkungan produksi.

Nantikan artikel tutorial praktis lainnya seputar fullstack development, microservices, dan otomasi AI di Blog Engineering SiHubung. Selamat mencoba!