Next.js İle Yeniden: Dinamik İçerik Yönetiminde Veritabanı ve CRUD Yolculuğu

Next.js, React tabanlı bir web uygulama geliştirme framework'üdür. Bu yazımızda, Next.js kullanarak nasıl dinamik içerik yönetimi yapabileceğinizi ve veritabanı bağlantısı ile CRUD işlemlerini nasıl gerçekleştirebileceğinizi detaylıca inceleyeceğiz.

İlk adım olarak, Next.js projesine PostgreSQL veritabanını bağlamak için 'pg' adlı node modülünü kullanacağız. Bu modülü projenize eklemek için terminalde aşağıdaki komutu çalıştırabilirsiniz:

npm install pg

Ardından, veritabanı bağlantısını gerçekleştirebilmek için bir config dosyası oluşturmalısınız. Bu dosyada veritabanı bilgilerinizin ve bağlantı ayarlarınızın yer alması gerekmektedir. Örnek bir config dosyası şu şekilde olabilir:


const { Pool } = require('pg');

const pool = new Pool({
  user: 'kullanici_adi',
  host: 'localhost',
  database: 'veritabani_adi',
  password: 'sifre',
  port: 5432,
});

module.exports = pool;

Veritabanı bağlantısını gerçekleştirdikten sonra, CRUD işlemlerini gerçekleştireceğimiz sayfaları oluşturabiliriz. Örneğin, 'create.js', 'read.js', 'update.js', 'delete.js' gibi sayfaları projemize ekleyebiliriz. Bu sayfalarda veritabanı ile iletişime geçerek gerekli işlemleri yapabiliriz.

Örnek olarak, 'read.js' sayfasında veritabanındaki verileri okuyan bir fonksiyon oluşturabilir ve bu verileri ekranda gösterebiliriz. Aşağıdaki kod bloğu, basit bir okuma işlemi için bir örnek sunmaktadır:


import pool from '../config/database';

const readData = async () => {
  const client = await pool.connect();

  try {
    const result = await client.query('SELECT * FROM tablo_adi');
    return result.rows;
  } catch (err) {
    console.error(err);
  } finally {
    client.release();
  }
};

Next.js İle Yeniden: Dinamik İçerik Yönetiminde Veritabanı ve CRUD Yolculuğu

Next.js ile Dinamik İçerik Yönetimi: Veritabanı Bağlantısı ve CRUD İşlemleri

İlgili Yazılar