Koleksiyonlar ile düzeninizi koruyun
İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.
Firebase Studio birçok çerçeveyi ve arka ucu destekler. Ayrıca çok sayıda çerçeve, dil, veritabanı ve API için çok sayıda önceden yapılandırılmış şablon ve örnek uygulama sunar.
Aşağıdaki tüm şablonlar ve en önemlisi, istediğiniz çerçeve için kullanabileceğiniz boş bir şablon Firebase Studio ve GitHub'da mevcuttur. Ayrıca, açık kaynak topluluğunun katkılarına olanak tanıyan topluluk şablonlarını GitHub'da da bulabilirsiniz.
Kullanmak istediğiniz bir şablon görürseniz onu seçin. Aksi takdirde, Tüm şablonları göster'i tıklayın ve kullanmak istediğiniz şablona uygun bir şablon seçin.
İstendiğinde çalışma alanınız için bir ad girin ve seçtiğiniz proje türüne bağlı olarak gerekli diğer bilgileri sağlayın. Örneğin, Python Flask projesi seçtiyseniz bir paket yöneticisi (poetry veya pip) ve bir sunucu türü (API sunucusu veya web sunucusu) seçebilirsiniz.
Oluştur'u tıklayın. Firebase Studio, seçtiğiniz şablona göre yeni bir çalışma alanı oluşturur.
[null,null,["Son güncelleme tarihi: 2025-07-26 UTC."],[],[],null,["Firebase Studio supports many frameworks and backends and provides a large\nnumber of [pre-configured\ntemplates](http://github.com/firebase-studio/templates) and [sample\napps](https://github.com/firebase-studio/templates?category=solutions)\nfor a multitude of frameworks, languages, databases, and APIs.\n\nAll of the templates below---and, most importantly, a blank template that\nyou can use for any framework you want---are available in\nFirebase Studio and on\n[GitHub](https://github.com/firebase-studio/templates). You\ncan also find\n[Community templates](https://github.com/firebase-studio/community-templates)\non GitHub, which allow contributions from the Open Source community.\n\n\u003cbr /\u003e\n\nBackend templates\n\n\u003cbr /\u003e\n\n- [Go](https://studio.firebase.google.com/new/go)\n- [Python Flask](https://studio.firebase.google.com/new/python-flask)\n- [Node Express](https://studio.firebase.google.com/new/node-express)\n- [Rust](https://studio.firebase.google.com/new/rust)\n- [Laravel](https://studio.firebase.google.com/new/laravel)\n- [Python Django](https://studio.firebase.google.com/new/python-django)\n- [Gemini API (Go backend)](https://studio.firebase.google.com/new/golang-gemini)\n- [Gemini API (Python backend)](https://studio.firebase.google.com/new/pyweb-gemini)\n- [.NET](https://studio.firebase.google.com/new/dotnet)\n- [Java](https://studio.firebase.google.com/new/java)\n- [Dart](https://studio.firebase.google.com/new/dart)\n- [C++](https://studio.firebase.google.com/new/cpp)\n- [Ruby](https://studio.firebase.google.com/new/ruby)\n- [PHP](https://studio.firebase.google.com/new/php)\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\nAI templates\n\n\u003cbr /\u003e\n\n- [Gemini API](https://studio.firebase.google.com/new/gemini)\n- [LangChain with Gemini](https://studio.firebase.google.com/new/langchain)\n- [Firebase Genkit](https://studio.firebase.google.com/new/genkit)\n- [Firebase Studio agents: GitHub Actions](https://studio.firebase.google.com/new/agent-ghaction)\n- [Firebase Studio agents: VSCode extension](https://studio.firebase.google.com/new/agent-vsce)\n- [Gemini API Notebook](https://studio.firebase.google.com/new/gemini-notebook)\n- [Gemini API + Google Maps Platform](https://studio.firebase.google.com/new/gemini-maps)\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\nWeb templates\n\n\u003cbr /\u003e\n\n- [Angular](https://studio.firebase.google.com/new/angular)\n- [Next.js](https://studio.firebase.google.com/new/nextjs)\n- [Astro](https://studio.firebase.google.com/new/astro)\n- [React](https://studio.firebase.google.com/new/react)\n- [Simple HTML](https://studio.firebase.google.com/new/html)\n- [Svelte](https://studio.firebase.google.com/new/svelte)\n- [Vue.js](https://studio.firebase.google.com/new/vue)\n- [SolidJS](https://studio.firebase.google.com/new/solid)\n- [Preact](https://studio.firebase.google.com/new/preact)\n- [React + Google Maps platform](https://studio.firebase.google.com/new/maps)\n- [Google Pay API for Web](https://studio.firebase.google.com/new/google-pay-101)\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\nMobile templates\n\n\u003cbr /\u003e\n\n- [Android Studio](https://studio.firebase.google.com/new/android-studio)\n- [Flutter](https://studio.firebase.google.com/new/flutter)\n- [React Native](https://studio.firebase.google.com/new/react-native)\n- [React Native + Expo](https://studio.firebase.google.com/new/react-native-expo)\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\nDatabases\n\n\u003cbr /\u003e\n\n- [Postgres](https://studio.firebase.google.com/new/postgres)\n- [MySQL](https://studio.firebase.google.com/new/mysql)\n- [Prisma](https://studio.firebase.google.com/new/prisma)\n- [MongoDB](https://studio.firebase.google.com/new/mongodb)\n- [Firebase Data Connect](https://studio.firebase.google.com/new/dataconnect)\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\nSolutions and sample apps\n\n\u003cbr /\u003e\n\n- [Agentic Barista](https://github.com/FirebaseExtended/solution-ai-barista)\n- [Compass Travel demo](https://github.com/FirebaseExtended/compass-travel-planning-sample)\n- [Rock Paper Scissors game](https://github.com/google-gemini/angular-rock-paper-scissors-sample)\n- [Journal buddy](https://github.com/google-gemini/angular-journal-buddy-sample)\n- [Melody generation with Gemini](https://github.com/google-gemini/angular-webaudio-melodies-sample)\n- [Tabletop RPG character generator](https://github.com/google-gemini/flutter-tabletop-character-sample)\n- [Gemini picture game with Flutter](https://github.com/google-gemini/flutter-draw-it-sample)\n- [Create a database schema using natural language](https://github.com/google-gemini/angular-database-schema-sample)\n- [Language learning flash cards with Gemini](https://github.com/google-gemini/angular-language-learning-sample)\n- ...and many more\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\nGet started with a template \nOfficial templates Community templates\n\nTo start a Firebase Studio project from a template:\n\n1. Log into your Google Account and open\n [Firebase Studio](https://studio.firebase.google.com/).\n\n2. If you see a template you'd like to use, select it. Otherwise, click\n **See all templates** and select a template that matches what you'd like to\n use.\n\n3. When prompted, enter a name for your workspace and, depending on the type\n of project you selected, any other needed information. For example, if you\n chose a Python Flask project, you can choose a package manager (poetry or\n pip) and a server type (API server or web server).\n\n4. Click **Create** . Firebase Studio creates a new workspace based on\n the template you chose.\n\nNote that templates can include:\n\n- **Custom AI rules files** that add context for Gemini to better understand and process changes for the type of app you're developing. These files can be modified or deleted to adjust how you prefer to interact with Gemini. [Learn more about where to find and edit AI rules\n files](/docs/studio/set-up-gemini#custom-instructions).\n- **MCP servers** that provide additional tools and data sources for Gemini to use. [Learn more about where to find or change which\n MCP servers Gemini can connect to](/docs/studio/customize-workspace#mcp-add).\n\nNext steps\n\n- [Learn more about Firebase Studio\n workspaces](/docs/studio/get-started-workspace).\n- [Customize your Firebase Studio workspace](/docs/studio/customize-workspace).\n- [Discover how Gemini in Firebase can assist and accelerate your app\n development](/docs/studio/ai-assistance) with its ability to help guide development, answer questions, generate and edit code, fix bugs, and run tools.\n- Try out a template-based solution: [Build an app with the Gemini API](/docs/studio/build-gemini-api-app)."]]
