אתר שנוצר עם Gemini

מעלים פלט
מ-Gemini

פרסמו HTML, React או תיקיית build שנוצרו עם Gemini כקישור HTTPS לבדיקה ושיתוף. DeployPages לא יוצר את האתר, הוא מפרסם את הקבצים הסטטיים שכבר יש לכם.

ראו צ׳קליסט
Gemini
AI
הנה אב טיפוס React. בנו אותו לפני הפרסום אם הוא משתמש בחבילות npm, והשאירו מפתחות API מחוץ לחבילת ה-frontend.
App.tsxReact
import React from 'react';
export default function App() {
return <div className="bg-slate-950">...
}
שחררו כאן את הקבצים שנוצרו

איזה סוג פלט של Gemini מתאים לפרסום סטטי?

Gemini יכול ליצור קוד frontend, לוגיקת אפליקציה ודוגמאות API באותה שיחה. DeployPages הוא יעד הפרסום של החלק הסטטי שפועל בדפדפן.

דפי נחיתה ב-HTML

העלו את index.html וכל CSS, JavaScript, תמונות או גופנים שהקוד מפנה אליהם. זהו הנתיב המהיר ביותר לדפים פשוטים שנוצרו.

אבות טיפוס ב-React

אם Gemini מייצר רכיבי React או פרויקט Vite, הריצו build והעלו את תיקיית הפלט הסטטי שנוצר.

Gemini API הדגמות

פרסמו כאן את ה-frontend, אבל השאירו קריאות Gemini API שדורשות מפתחות פרטיים מאחורי backend או פונקציה serverless.

מסמכים ודגמי מוצרים

אפשר לשתף ייצוא סטטי ממסמכים בסיוע Gemini, דפי מוצר, הדגמות פנימיות ואבות טיפוס לבדיקה ככתובות URL אמיתיות.

פלט Gemini לאתר חי בשלושה שלבים

01
01

יוצרים את ה-frontend

בקשו מ-Gemini דף סטטי, אב טיפוס, דף נחיתה או ממשק React, ובקשו ממנו לרשום את הקבצים והתלויות הנדרשים.

02
02

מכינים פלט שניתן לפרסום

שמרו HTML פשוט ישירות, או הכינו פלט build של React/Vite בתיקייה סטטית כמו dist לפני העלאה.

03
03

מעלים ובודקים

שחררו את הקבצים הסטטיים ל-DeployPages, ואז אמתו נתיבים, תמונות, שגיאות בקונסול וכל קריאת API חיצונית בכתובת הפעילה.

סקירה לפני חשיפת build של Gemini

אב טיפוס שנוצר יכול להיראות מוכן גם כשהוא עדיין מכיל טקסט placeholder, נכסים שבורים או סודות לא בטוחים בצד הלקוח.

בטיחות מפתחות API

אל תציבו מפתחות Gemini API פרטיים או פרטי שירות בקוד הדפדפן. השתמשו ב-backend לקריאות מוגנות.

בניית פלט

עבור פרויקטים של React או Vite, פרסמו את תיקיית הפלט הבנויה, לא קובצי מקור גולמיים או node_modules.

אימות נכסים

החליפו שמות קבצים דמיוניים ותמונות placeholder בקבצים אמיתיים או בכתובות URL יציבות לפני העלאה.

QA של דפדפן

פתחו את האתר שפורסם בנייד ובמחשב, בדקו שגיאות בקונסול ואמתו כל קישור או טופס מרכזיים.

בעיות פרסום נפוצות של Gemini

Fix 01

אב הטיפוס צריך מפתח Gemini API

העבירו את קריאת ה-API ל-backend או לנקודת קצה serverless. frontend סטטי אינו יכול להסתיר בבטחה מפתח API פרטי.

Fix 02

קוד React אינו מוכן לדפדפן

התקינו תלות והריצו את פקודת ה-build. העלו את תיקיית dist/build שנוצרה לאחר הבנייה.

Fix 03

חסרים נכסים שנוצרו

בקשו מ-Gemini את עץ הקבצים המלא, ואז צרו או החליפו כל תמונה, אייקון, stylesheet או גופן שהקוד מפנה אליהם.

Fix 04

הטופס או זרימת הכניסה לא עובדים

אחסון סטטי יכול להציג את ממשק המשתמש. שליחות טפסים, אימות, מסדי נתונים ופעולות מוגנות צריכות שירות backend.

שאלות נפוצות על פרסום מ-Gemini

האם אפשר להעלות פרויקטי Gemini גדולים עם כמה קבצים?

כן. אם Gemini יצר כמה קובצי frontend, שמרו על מבנה הפרויקט והעלו את התיקייה המלאה במקום קובץ בודד.

מה אם בקוד שנוצר יש שגיאה?

תקנו את הקוד מקומית או בקשו מ-Gemini גרסה מתוקנת, ואז העלו שוב את ה-build המתוקן. DeployPages לא נועל אתכם לפלט הראשון.

אילו ערימות חזית נתמכות?

HTML סטטי, React, Vue ורוב פלטי ה-frontend שרצים בדפדפן יכולים להתפרסם כל עוד התוצאה הסופית היא build סטטי.

האם אוכל לפרסם כאן אפליקציית Gemini API?

אפשר לפרסם את ה-frontend, אבל קריאות Gemini API פרטיות צריכות להישאר מאחורי backend או נקודת קצה serverless. אל תחשפו מפתחות פרטיים בקוד הדפדפן.

מה אם Gemini יצר אפליקציית Next.js?

ייצאו אותה כאתר סטטי אם האפליקציה אינה צריכה יכולות שרת, ואז העלו את תיקיית הפלט. SSR, API routes ו-middleware צריכים runtime שמסוגל להריץ שרת.