{"id":16297,"date":"2025-03-26T13:30:14","date_gmt":"2025-03-26T10:30:14","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/surdurulebilir-yasam-ipuclari-ureticisi-next-js-flask-ve-google-gemini-ile-frontend-gelistirme\/"},"modified":"2025-03-26T13:30:14","modified_gmt":"2025-03-26T10:30:14","slug":"surdurulebilir-yasam-ipuclari-ureticisi-next-js-flask-ve-google-gemini-ile-frontend-gelistirme","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/surdurulebilir-yasam-ipuclari-ureticisi-next-js-flask-ve-google-gemini-ile-frontend-gelistirme\/","title":{"rendered":"S\u00fcrd\u00fcr\u00fclebilir Ya\u015fam \u0130pu\u00e7lar\u0131 \u00dcreticisi: Next.js, Flask ve Google Gemini ile Frontend Geli\u015ftirme"},"content":{"rendered":"

<\/p>\n

S\u00fcrd\u00fcr\u00fclebilir Ya\u015fam \u0130pu\u00e7lar\u0131 \u00dcreticisi: Next.js, Flask ve Google Gemini ile Frontend Geli\u015ftirme<\/p>\n

Merhaba! Bu yaz\u0131da, \u00f6nceki yaz\u0131mda bahsetti\u011fim s\u00fcrd\u00fcr\u00fclebilir ya\u015fam ipu\u00e7lar\u0131 \u00fcreteci projesinin frontend geli\u015ftirme a\u015famas\u0131n\u0131 detayl\u0131 olarak ele alaca\u011f\u0131z. Hat\u0131rlatmak gerekirse, projemizde Next.js, Flask ve Google Gemini AI kullan\u0131yoruz. Bu b\u00f6l\u00fcmde, Next.js framework’\u00fcn\u00fcn g\u00fcc\u00fcnden ve React bile\u015fenlerinin kullan\u0131m\u0131ndan faydalanarak kullan\u0131c\u0131 aray\u00fcz\u00fcn\u00fc nas\u0131l tasarlad\u0131\u011f\u0131m\u0131z\u0131 g\u00f6receksiniz.<\/p>\n

Next.js ile Kullan\u0131c\u0131 Deneyimini M\u00fckemmelle\u015ftirmek<\/h2>\n

Next.js, React tabanl\u0131 bir framework oldu\u011fu i\u00e7in, h\u0131zl\u0131 ve verimli bir geli\u015ftirme s\u00fcreci sa\u011flad\u0131. \u00d6zellikle, sunucu taraf\u0131 olu\u015fturma (SSR) \u00f6zelli\u011fi sayesinde, arama motorlar\u0131 i\u00e7in optimizasyon sa\u011flad\u0131k. Sonu\u00e7 olarak, hem kullan\u0131c\u0131 deneyimi hem de SEO performans\u0131 art\u0131rd\u0131. Bunun yan\u0131nda, Next.js’in yerle\u015fik API routes \u00f6zelli\u011fini kullanarak, Flask backend’imizle kolayca ileti\u015fim kurduk.<\/p>\n

API \u0130leti\u015fimi ve Veri \u0130\u015fleme<\/h3>\n

Next.js’in API routes \u00f6zelli\u011fi sayesinde, Flask’te olu\u015fturdu\u011fumuz API’ye istek g\u00f6nderdik ve gelen s\u00fcrd\u00fcr\u00fclebilir ya\u015fam ipu\u00e7lar\u0131n\u0131 g\u00f6r\u00fcnt\u00fcledik. Bu i\u015flem i\u00e7in fetch API’sini kulland\u0131k. Elde edilen verileri, React bile\u015fenleri i\u00e7erisinde kolayca i\u015fledik ve kullan\u0131c\u0131 aray\u00fcz\u00fcnde g\u00f6r\u00fcnt\u00fcledik. \u00d6rne\u011fin, gelen ipu\u00e7lar\u0131n\u0131 liste \u015feklinde g\u00f6sterdik. Her bir ipucu, ayr\u0131nt\u0131l\u0131 a\u00e7\u0131klamalar\u0131 ile birlikte sunuldu. B\u00f6ylece kullan\u0131c\u0131lar, ipu\u00e7lar\u0131n\u0131 rahat\u00e7a okuyabilir ve uygulayabilirler. A\u015fa\u011f\u0131da basit bir \u00f6rnek veriyoruz:<\/p>\n

\n\/\/ pages\/api\/tips.js\nexport default async function handler(req, res) {\n  const response = await fetch('http:\/\/localhost:5000\/api\/tips'); \/\/ Flask backend'inize istek g\u00f6nderin\n  const data = await response.json();\n  res.status(200).json(data);\n}\n<\/code><\/pre>\n
Bu kod par\u00e7as\u0131,  Flask backend’imizden gelen verileri al\u0131p, frontend’e iletmek i\u00e7in kullan\u0131lan basit bir API route \u00f6rne\u011fidir.  Daha detayl\u0131 kod \u00f6rnekleri i\u00e7in GitHub deposuna g\u00f6z atabilirsiniz. (GitHub Deposu – Yak\u0131nda)<\/a>  Bu sayede projenin tamam\u0131na eri\u015febilir ve daha fazla ayr\u0131nt\u0131ya ula\u015fabilirsiniz. <\/p>\n
Google Gemini AI Entegrasyonu<\/h2>\n
Google Gemini AI’nin g\u00fcc\u00fcnden de yararland\u0131k.  Kullan\u0131c\u0131lar\u0131n belirli ihtiya\u00e7lar\u0131na g\u00f6re \u00f6zelle\u015ftirilmi\u015f s\u00fcrd\u00fcr\u00fclebilir ya\u015fam ipu\u00e7lar\u0131 \u00fcretmek i\u00e7in Gemini API’sini kulland\u0131k.  Bu sayede kullan\u0131c\u0131 deneyimi daha da ki\u015fiselle\u015ftirildi.  \u00d6rne\u011fin, kullan\u0131c\u0131 “su tasarrufu ipu\u00e7lar\u0131” arad\u0131\u011f\u0131nda, Gemini API’si bu konuya \u00f6zel ipu\u00e7lar\u0131 \u00fcretti.  Bu entegrasyon, projenin i\u015flevselli\u011fini \u00f6nemli \u00f6l\u00e7\u00fcde art\u0131rd\u0131.<\/p>\n
Sonu\u00e7 ve Gelecek Planlar<\/h2>\n
Bu makalede, s\u00fcrd\u00fcr\u00fclebilir ya\u015fam ipu\u00e7lar\u0131 \u00fcreteci projemizin frontend geli\u015ftirme a\u015famas\u0131n\u0131 detayl\u0131 bir \u015fekilde anlatt\u0131k. Next.js’in sa\u011flad\u0131\u011f\u0131 avantajlardan ve Google Gemini AI entegrasyonundan bahsettik.  Gelecekte,  projemize daha fazla \u00f6zellik eklemeyi planl\u0131yoruz.  \u00d6rne\u011fin, kullan\u0131c\u0131lar\u0131n kendi ipu\u00e7lar\u0131n\u0131 ekleyebilece\u011fi bir b\u00f6l\u00fcm eklemek veya ipu\u00e7lar\u0131n\u0131 kategorilere ay\u0131rmak gibi geli\u015ftirmeler d\u00fc\u015f\u00fcn\u00fcyoruz.  Projenin geli\u015fimi hakk\u0131nda daha fazla bilgi i\u00e7in fatihsoysal.com<\/a> adresini ziyaret edebilirsiniz.<\/p>\n
Umar\u0131m bu makale faydal\u0131 olmu\u015ftur.  Sorular\u0131n\u0131z veya \u00f6nerileriniz varsa l\u00fctfen yorumlarda belirtin.<\/p>\n
#Etiketler: Next.js, Flask, Google Gemini, S\u00fcrd\u00fcr\u00fclebilir Ya\u015fam, Frontend Geli\u015ftirme, React, API, AI, Yapay Zeka, S\u00fcrd\u00fcr\u00fclebilirlik,  Web Geli\u015ftirme,  Kullan\u0131c\u0131 Deneyimi,  SEO
\n<\/body>
\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"S\u00fcrd\u00fcr\u00fclebilir Ya\u015fam \u0130pu\u00e7lar\u0131 \u00dcreticisi: Next.js, Flask ve Google Gemini ile Frontend Geli\u015ftirme Merhaba! Bu yaz\u0131da, \u00f6nceki yaz\u0131mda bahsetti\u011fim…","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-16297","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\nS\u00fcrd\u00fcr\u00fclebilir Ya\u015fam \u0130pu\u00e7lar\u0131 \u00dcreticisi: Next.js, Flask ve Google Gemini ile Frontend Geli\u015ftirme<\/title>\n<meta name=\"description\" content=\"Merhaba! Bu yaz\u0131da, \u00f6nceki yaz\u0131mda bahsetti\u011fim s\u00fcrd\u00fcr\u00fclebilir ya\u015fam ipu\u00e7lar\u0131 \u00fcreteci projesinin frontend geli\u015ftirme a\u015famas\u0131n\u0131 detayl\u0131 olarak ele alaca\u011f\u0131z. Hat\u0131rlatmak gerekirse, projemizde Next.js, Flask ve Google Gemini AI kullan\u0131yoruz. Bu b\u00f6l\u00fcmde, Next.js framework'\u00fcn\u00fcn g\u00fcc\u00fcnden ve React bile\u015fenlerinin kullan\u0131m\u0131ndan faydalanarak kullan\u0131c\u0131 aray\u00fcz\u00fcn\u00fc nas\u0131l tasarlad\u0131\u011f\u0131m\u0131z\u0131 g\u00f6receksiniz.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fatihsoysal.com\/blog\/surdurulebilir-yasam-ipuclari-ureticisi-next-js-flask-ve-google-gemini-ile-frontend-gelistirme\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"S\u00fcrd\u00fcr\u00fclebilir Ya\u015fam \u0130pu\u00e7lar\u0131 \u00dcreticisi: Next.js, Flask ve Google Gemini ile Frontend Geli\u015ftirme\" \/>\n<meta property=\"og:description\" content=\"Merhaba! Bu yaz\u0131da, \u00f6nceki yaz\u0131mda bahsetti\u011fim s\u00fcrd\u00fcr\u00fclebilir ya\u015fam ipu\u00e7lar\u0131 \u00fcreteci projesinin frontend geli\u015ftirme a\u015famas\u0131n\u0131 detayl\u0131 olarak ele alaca\u011f\u0131z. Hat\u0131rlatmak gerekirse, projemizde Next.js, Flask ve Google Gemini AI kullan\u0131yoruz. Bu b\u00f6l\u00fcmde, Next.js framework'\u00fcn\u00fcn g\u00fcc\u00fcnden ve React bile\u015fenlerinin kullan\u0131m\u0131ndan faydalanarak kullan\u0131c\u0131 aray\u00fcz\u00fcn\u00fc nas\u0131l tasarlad\u0131\u011f\u0131m\u0131z\u0131 g\u00f6receksiniz.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/surdurulebilir-yasam-ipuclari-ureticisi-next-js-flask-ve-google-gemini-ile-frontend-gelistirme\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2025-03-26T10:30:14+00:00\" \/>\n<meta name=\"author\" content=\"Fatih Soysal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fatih Soysal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/surdurulebilir-yasam-ipuclari-ureticisi-next-js-flask-ve-google-gemini-ile-frontend-gelistirme\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/surdurulebilir-yasam-ipuclari-ureticisi-next-js-flask-ve-google-gemini-ile-frontend-gelistirme\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"S\u00fcrd\u00fcr\u00fclebilir Ya\u015fam \u0130pu\u00e7lar\u0131 \u00dcreticisi: Next.js, Flask ve Google Gemini ile Frontend Geli\u015ftirme\",\"datePublished\":\"2025-03-26T10:30:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/surdurulebilir-yasam-ipuclari-ureticisi-next-js-flask-ve-google-gemini-ile-frontend-gelistirme\/\"},\"wordCount\":568,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/surdurulebilir-yasam-ipuclari-ureticisi-next-js-flask-ve-google-gemini-ile-frontend-gelistirme\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/surdurulebilir-yasam-ipuclari-ureticisi-next-js-flask-ve-google-gemini-ile-frontend-gelistirme\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/surdurulebilir-yasam-ipuclari-ureticisi-next-js-flask-ve-google-gemini-ile-frontend-gelistirme\/\",\"name\":\"S\u00fcrd\u00fcr\u00fclebilir Ya\u015fam \u0130pu\u00e7lar\u0131 \u00dcreticisi: Next.js, Flask ve Google Gemini ile Frontend Geli\u015ftirme\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2025-03-26T10:30:14+00:00\",\"description\":\"Merhaba! Bu yaz\u0131da, \u00f6nceki yaz\u0131mda bahsetti\u011fim s\u00fcrd\u00fcr\u00fclebilir ya\u015fam ipu\u00e7lar\u0131 \u00fcreteci projesinin frontend geli\u015ftirme a\u015famas\u0131n\u0131 detayl\u0131 olarak ele alaca\u011f\u0131z. Hat\u0131rlatmak gerekirse, projemizde Next.js, Flask ve Google Gemini AI kullan\u0131yoruz. Bu b\u00f6l\u00fcmde, Next.js framework'\u00fcn\u00fcn g\u00fcc\u00fcnden ve React bile\u015fenlerinin kullan\u0131m\u0131ndan faydalanarak kullan\u0131c\u0131 aray\u00fcz\u00fcn\u00fc nas\u0131l tasarlad\u0131\u011f\u0131m\u0131z\u0131 g\u00f6receksiniz.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/surdurulebilir-yasam-ipuclari-ureticisi-next-js-flask-ve-google-gemini-ile-frontend-gelistirme\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/surdurulebilir-yasam-ipuclari-ureticisi-next-js-flask-ve-google-gemini-ile-frontend-gelistirme\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/surdurulebilir-yasam-ipuclari-ureticisi-next-js-flask-ve-google-gemini-ile-frontend-gelistirme\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"S\u00fcrd\u00fcr\u00fclebilir Ya\u015fam \u0130pu\u00e7lar\u0131 \u00dcreticisi: Next.js, Flask ve Google Gemini ile Frontend Geli\u015ftirme\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/\",\"name\":\"Fatihsoysal.com\",\"description\":\"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim\",\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\",\"name\":\"Fatih Soysal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"width\":512,\"height\":512,\"caption\":\"Fatih Soysal\"},\"logo\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"S\u00fcrd\u00fcr\u00fclebilir Ya\u015fam \u0130pu\u00e7lar\u0131 \u00dcreticisi: Next.js, Flask ve Google Gemini ile Frontend Geli\u015ftirme","description":"Merhaba! Bu yaz\u0131da, \u00f6nceki yaz\u0131mda bahsetti\u011fim s\u00fcrd\u00fcr\u00fclebilir ya\u015fam ipu\u00e7lar\u0131 \u00fcreteci projesinin frontend geli\u015ftirme a\u015famas\u0131n\u0131 detayl\u0131 olarak ele alaca\u011f\u0131z. Hat\u0131rlatmak gerekirse, projemizde Next.js, Flask ve Google Gemini AI kullan\u0131yoruz. Bu b\u00f6l\u00fcmde, Next.js framework'\u00fcn\u00fcn g\u00fcc\u00fcnden ve React bile\u015fenlerinin kullan\u0131m\u0131ndan faydalanarak kullan\u0131c\u0131 aray\u00fcz\u00fcn\u00fc nas\u0131l tasarlad\u0131\u011f\u0131m\u0131z\u0131 g\u00f6receksiniz.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fatihsoysal.com\/blog\/surdurulebilir-yasam-ipuclari-ureticisi-next-js-flask-ve-google-gemini-ile-frontend-gelistirme\/","og_locale":"tr_TR","og_type":"article","og_title":"S\u00fcrd\u00fcr\u00fclebilir Ya\u015fam \u0130pu\u00e7lar\u0131 \u00dcreticisi: Next.js, Flask ve Google Gemini ile Frontend Geli\u015ftirme","og_description":"Merhaba! Bu yaz\u0131da, \u00f6nceki yaz\u0131mda bahsetti\u011fim s\u00fcrd\u00fcr\u00fclebilir ya\u015fam ipu\u00e7lar\u0131 \u00fcreteci projesinin frontend geli\u015ftirme a\u015famas\u0131n\u0131 detayl\u0131 olarak ele alaca\u011f\u0131z. Hat\u0131rlatmak gerekirse, projemizde Next.js, Flask ve Google Gemini AI kullan\u0131yoruz. Bu b\u00f6l\u00fcmde, Next.js framework'\u00fcn\u00fcn g\u00fcc\u00fcnden ve React bile\u015fenlerinin kullan\u0131m\u0131ndan faydalanarak kullan\u0131c\u0131 aray\u00fcz\u00fcn\u00fc nas\u0131l tasarlad\u0131\u011f\u0131m\u0131z\u0131 g\u00f6receksiniz.","og_url":"https:\/\/fatihsoysal.com\/blog\/surdurulebilir-yasam-ipuclari-ureticisi-next-js-flask-ve-google-gemini-ile-frontend-gelistirme\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2025-03-26T10:30:14+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"3 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/surdurulebilir-yasam-ipuclari-ureticisi-next-js-flask-ve-google-gemini-ile-frontend-gelistirme\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/surdurulebilir-yasam-ipuclari-ureticisi-next-js-flask-ve-google-gemini-ile-frontend-gelistirme\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"S\u00fcrd\u00fcr\u00fclebilir Ya\u015fam \u0130pu\u00e7lar\u0131 \u00dcreticisi: Next.js, Flask ve Google Gemini ile Frontend Geli\u015ftirme","datePublished":"2025-03-26T10:30:14+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/surdurulebilir-yasam-ipuclari-ureticisi-next-js-flask-ve-google-gemini-ile-frontend-gelistirme\/"},"wordCount":568,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/surdurulebilir-yasam-ipuclari-ureticisi-next-js-flask-ve-google-gemini-ile-frontend-gelistirme\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/surdurulebilir-yasam-ipuclari-ureticisi-next-js-flask-ve-google-gemini-ile-frontend-gelistirme\/","url":"https:\/\/fatihsoysal.com\/blog\/surdurulebilir-yasam-ipuclari-ureticisi-next-js-flask-ve-google-gemini-ile-frontend-gelistirme\/","name":"S\u00fcrd\u00fcr\u00fclebilir Ya\u015fam \u0130pu\u00e7lar\u0131 \u00dcreticisi: Next.js, Flask ve Google Gemini ile Frontend Geli\u015ftirme","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2025-03-26T10:30:14+00:00","description":"Merhaba! Bu yaz\u0131da, \u00f6nceki yaz\u0131mda bahsetti\u011fim s\u00fcrd\u00fcr\u00fclebilir ya\u015fam ipu\u00e7lar\u0131 \u00fcreteci projesinin frontend geli\u015ftirme a\u015famas\u0131n\u0131 detayl\u0131 olarak ele alaca\u011f\u0131z. Hat\u0131rlatmak gerekirse, projemizde Next.js, Flask ve Google Gemini AI kullan\u0131yoruz. Bu b\u00f6l\u00fcmde, Next.js framework'\u00fcn\u00fcn g\u00fcc\u00fcnden ve React bile\u015fenlerinin kullan\u0131m\u0131ndan faydalanarak kullan\u0131c\u0131 aray\u00fcz\u00fcn\u00fc nas\u0131l tasarlad\u0131\u011f\u0131m\u0131z\u0131 g\u00f6receksiniz.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/surdurulebilir-yasam-ipuclari-ureticisi-next-js-flask-ve-google-gemini-ile-frontend-gelistirme\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/surdurulebilir-yasam-ipuclari-ureticisi-next-js-flask-ve-google-gemini-ile-frontend-gelistirme\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/surdurulebilir-yasam-ipuclari-ureticisi-next-js-flask-ve-google-gemini-ile-frontend-gelistirme\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"S\u00fcrd\u00fcr\u00fclebilir Ya\u015fam \u0130pu\u00e7lar\u0131 \u00dcreticisi: Next.js, Flask ve Google Gemini ile Frontend Geli\u015ftirme"}]},{"@type":"WebSite","@id":"https:\/\/fatihsoysal.com\/blog\/#website","url":"https:\/\/fatihsoysal.com\/blog\/","name":"Fatihsoysal.com","description":"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim","publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":["Person","Organization"],"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1","name":"Fatih Soysal","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","width":512,"height":512,"caption":"Fatih Soysal"},"logo":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/"},"description":"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.","url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/"}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/16297","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/comments?post=16297"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/16297\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=16297"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=16297"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=16297"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}