{"id":16918,"date":"2025-04-02T01:30:14","date_gmt":"2025-04-01T22:30:14","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/supabase-edge-fonksiyonlari-kontrol-panelinden-deno-2-1-ile-dagitim\/"},"modified":"2025-04-02T01:30:14","modified_gmt":"2025-04-01T22:30:14","slug":"supabase-edge-fonksiyonlari-kontrol-panelinden-deno-2-1-ile-dagitim","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/supabase-edge-fonksiyonlari-kontrol-panelinden-deno-2-1-ile-dagitim\/","title":{"rendered":"Supabase Edge Fonksiyonlar\u0131: Kontrol Panelinden Deno 2.1 ile Da\u011f\u0131t\u0131m"},"content":{"rendered":"

<\/p>\n

Supabase Edge Fonksiyonlar\u0131: Kontrol Panelinden Deno 2.1 ile Da\u011f\u0131t\u0131m<\/p>\n

Supabase’in sundu\u011fu Edge Fonksiyonlar\u0131, uygulamalar\u0131n\u0131za g\u00fc\u00e7l\u00fc bir serverless fonksiyonellik kat\u0131yor. Bu makalede, Supabase kontrol paneli \u00fczerinden Deno 2.1 kullanarak Edge Fonksiyonlar\u0131n\u0131z\u0131 nas\u0131l kolayca da\u011f\u0131tabilece\u011finizi ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131m. Bu y\u00f6ntem, geli\u015ftirme s\u00fcrecini h\u0131zland\u0131rarak zamandan ve emekten tasarruf etmenizi sa\u011flar. \u00d6zellikle Deno’nun sa\u011flad\u0131\u011f\u0131 modern JavaScript deneyimiyle birlikte, geli\u015ftirme deneyiminizi bir \u00fcst seviyeye ta\u015f\u0131yabilirsiniz.<\/p>\n

Neden Supabase Edge Fonksiyonlar\u0131n\u0131 ve Deno 2.1’i Tercih Etmelisiniz?<\/h2>\n

Supabase Edge Fonksiyonlar\u0131, h\u0131zl\u0131 ve \u00f6l\u00e7eklenebilir bir \u015fekilde kodunuzu da\u011f\u0131tman\u0131za olanak tan\u0131r. \u00dcstelik, geli\u015ftirme s\u00fcrecinizi kolayla\u015ft\u0131ran bir kontrol paneli sunar. Deno 2.1 ise, modern JavaScript \u00f6zelliklerini destekleyen ve g\u00fcvenli bir \u00e7al\u0131\u015fma ortam\u0131 sa\u011flayan bir runtime ortam\u0131d\u0131r. Bu iki teknolojinin birle\u015fimiyle, hem performans hem de geli\u015ftirme kolayl\u0131\u011f\u0131 elde edersiniz. Sonu\u00e7 olarak, daha az kodla daha fazla i\u015f ba\u015farabilirsiniz.<\/p>\n

Kontrol Panelinden Deno 2.1 ile Da\u011f\u0131t\u0131m: Ad\u0131m Ad\u0131m<\/h2>\n

\u0130lk olarak, Supabase hesab\u0131n\u0131zda yeni bir proje olu\u015fturun veya mevcut bir projeyi kullan\u0131n. Daha sonra, Edge Fonksiyonlar\u0131 b\u00f6l\u00fcm\u00fcne gidin. Burada, yeni bir fonksiyon olu\u015fturmak i\u00e7in “+ Yeni Fonksiyon” butonuna t\u0131klay\u0131n. Ard\u0131ndan, fonksiyonunuz i\u00e7in bir isim girin ve Deno runtime ortam\u0131n\u0131 se\u00e7in. Bu ad\u0131mda Deno 2.1 s\u00fcr\u00fcm\u00fcn\u00fc se\u00e7ti\u011finizden emin olun. <\/p>\n

\u015eimdi, kodunuzu yazabilirsiniz. Deno’nun sundu\u011fu g\u00fc\u00e7l\u00fc mod\u00fcl sistemi sayesinde, ihtiyac\u0131n\u0131z olan k\u00fct\u00fcphaneleri kolayca ekleyebilirsiniz. \u00d6rne\u011fin, bir HTTP iste\u011fi i\u015flemek i\u00e7in:<\/p>\n

\naddEventListener('fetch', event => {\n  event.respondWith(handleRequest(event.request));\n});\n\nasync function handleRequest(request) {\n  return new Response(\"Merhaba D\u00fcnya!\");\n}\n<\/code><\/pre>\n
Kodunuzu yazd\u0131ktan sonra,  “Da\u011f\u0131t” butonuna t\u0131klayarak fonksiyonunuzu Supabase’e da\u011f\u0131tabilirsiniz.  Supabase, kodunuzu otomatik olarak derler ve da\u011f\u0131t\u0131r. Bu i\u015flem olduk\u00e7a h\u0131zl\u0131d\u0131r.  Sonras\u0131nda, fonksiyonunuzun URL’sini alarak  test edebilirsiniz.<\/p>\n
\u0130pu\u00e7lar\u0131 ve En \u0130yi Uygulamalar<\/h2>\n
Edge Fonksiyonlar\u0131n\u0131z\u0131 daha verimli hale getirmek i\u00e7in birka\u00e7 ipucu: <\/p>\n