የእርስዎን ስሜት, ክፍል 1 - ምርት ስሜት ከ የመጀመሪያው ስሜት ወደ እንዴት መጓዝ እንደሚቻል

ይህ ጽሑፍ ለይህ ነው? ተመሠረተ ሰዎች የገንዘብ ልምድ ቡድን ላይ የተመሠረተ ናቸው, ነገር ግን በአሁኑ መሣሪያዎች ወይም የክፍያዎች አንዳንድ ፕሮጀክቶች ለዓመቱ ለረጅም ሰዓታት ውስጥ ይቆያል. የእርስዎን ምርቶች የመጀመሪያው ስሪት መክተቻ ላይ አስቸጋሪ አይችልም እና መተግበሪያዎችን ለመደሰት አቅም አይችልም. የ startups አንድ የፕሮቶቶፕ ወይም MVP ለመፍጠር አንድ ሮድ ለመፍጠር ይሞክራል. ይህ ቁሳቁሶች ምንድን ነው? እኔ ፕሮግራም አይሆንም, እና እኔ የቴክኒካዊ ልምድ አይችልም (በአንድ የቴክኒካዊ ልምድ በእርግጥ እርዳታ ይረዳል). ከሁለት ወራት በፊት ከሁለት ወራት በፊት ከሁለት ወራት በፊት ከሁለት ወራት በፊት ከሁለት ወራት በፊት ከሁለት ወራት በፊት ከሁለት ወራት በፊት ከሁለት ወራት በፊት ከሁለት ወራት በፊት ከሁለት ወራት በፊት ከሁለት ወራት በፊት ከሁለት ወራት በፊት ከሁለት ወራት በፊት ከሁለት ወራት በፊት ከሁለት ወራት በፊት ከሁለት ወራት በፊት ከሁለት ወራት በፊት ከሁለት ወራት በፊት ከሁለት ወራት በፊት ከሁለት ወራት በፊት ከሁለት ወራት በፊት ከሁለት ወራት በፊት ከሁለት ወራት በፊት ከሁለት ወራት በፊት ከሁለት ወራት በፊት ከሁለት ወራት በፊት ከሁለት ወራት በፊት ከሁለት ወራት በፊት ከሁለት ወራት በፊት ከሁለት ወራት በፊት. ሁሉም እነዚህ አገልግሎቶች 30 - 40 database tables, ስለ 50 ክፍሎች, እና ስለ 100,000 ኮድ መስኮች ያካትታል. የመጀመሪያው አገልግሎቱ በ OpenAI ጋር ተኳሃኝ ነው, ይህም ተጠቃሚዎች የተፈጥሮ ይዘት "ነጻን" ያደርጋል. ይህ ቪክቶር ውሂብ, የተመሠረተ ውሂብ እና ክወናዎችን ይጠቀማል. ሁለተኛው አገልግሎቱ የግል መለያ ስርዓት, ድርብ-መግቢያ መለያዎችን, idempotent እንቅስቃሴዎች, እና የመስመር ላይ ክፍያዎችን ለማከናወን የተመሠረተ ክፍያ ስርዓት ያካትታል. ነገር ግን ይህ ቁሳቁሶች የፕሮግራም ቋንቋዎችን ለመፍጠር የመጀመሪያዎቹ ዓመታት መውሰድ olmadan አንድ እውነተኛ ምርት ለመፍጠር ሊሆን ይችላል ያቀርባል. አንተ ደግሞ ኮድ ይመልከቱ, አንዳንድ ጊዜ ራስ-ሰር መተግበሪያ, እና ነገሮች ቁጥጥር ላይ ይጠበቅ ይሆናል - ነገር ግን እርስዎ ይህን ማድረግ ይችላሉ. Introduction አግኙን በአሁኑ ጊዜ ሙሉ በሙሉ የአውቶማቲካዊ ልማት ፍላጎት በጣም ታዋቂ ነው: አንድ ምርት በጽሑፍ ይሰጣል እና የሥራ መተግበሪያ ያግኙ. አንዳንድ አገልግሎቶች ደግሞ ቀላል የፕሮቶፕ ማምረት ይችላሉ. ነገር ግን የእኛን ምርት ለመሞከር እውነተኛ ግምገማዎች ለመሞከር ጊዜ, እባክዎዎች የተለያዩ ናቸው. የእኛን ትክክለኛ UI / UX, ጥሩ አፈጻጸም, caching, scalability, እና እውነተኛ መተግበሪያዎች ከዚያም በዚህ ኮድ ጋር ለመገናኘት ችሎታ ይፈልጋሉ. የእኔ ልምድ ላይ, እንደ Opus እንደ ጠንካራ ሞዴሎች የ backend ትክክለኛነት እና databases መዋቅር በጣም ጥሩ ሊሆን ይችላል, ነገር ግን እነርሱ ከ frontend መዋቅር ጋር አብዛኛውን ጊዜ ይወዳሉ. ስለዚህ እኔ ሙሉ በሙሉ ራስ-ተኮር ጄኔሬተር መጠቀም አይችልም. በዚህ ላይ ምንም አስደናቂነት የለም: የእኔ Cursor ውስጥ Opus አጠቃቀም የ Frontend መውሰድ ሊሆን ይችላል ከሆነ, እያንዳንዱ ሌሎች ምርት በ LLMs ላይ የተመሰረተ ይሆናል. በዚህ ተከታታይ ውስጥ, እኔ የተለያዩ መተግበሪያ ይጠቀማል: አንድ IDE ጋር የተመሠረተ AI አግኝተዋል. የ AI መኪና መጻፍ እና ተግባር ማረፊያ ይረዳል, ነገር ግን መዋቅር እና ዋና ግምገማዎች በሰው ቁጥጥር ላይ ይጠበቃል. የ Cursor እንዴት እንደሚፈልጉ? ይህ በጣም ታዋቂ VS ኮድ መተግበሪያ ላይ የተመሰረተ ነው ፡፡ ይህ አንድ ትክክለኛ አማራጭ እንደወረድን ፡፡ እኔም አይሆንም በዋናነት, ውጤት ተመሳሳይ ይሆናል, ምክንያቱም መፍትሔ ጥራት በአጠቃቀም ሞዴል ላይ አብዛኛውን ጊዜ የተወሰነ ነው. የ Antigravity ትዕዛዞች መጀመሪያው ዓመት ውስጥ እናንተ ጋር በመርዳት ጊዜ ከሁሉም ጊዜ ከሁሉም ጊዜ ከሁሉም ጊዜ ከሁሉም ጊዜ ከሁሉም ጊዜ ከሁሉም ጊዜ ከሁሉም ጊዜ ከሁሉም ጊዜ ከሁሉም ጊዜ ከሁሉም ጊዜ ከሁሉም ጊዜ ከሁሉም ጊዜ ከሁሉም ጊዜ ከሁሉም ጊዜ. አ በመጠቀም ተጠቃሚዎች በግል ግምገማዎች ውስጥ ተመሳሳይነት ላይ የተመሠረተ ግምገማዎችን ያገኛሉ (ስማርትሮዎች, ሆቴሎች, አገሮች, ፍላጎቶች, በአብዛኛው ነገር). 2025 DeepSeek 10 years social network of preferences እርስዎ Next.js መጠቀም ይችላሉ. እርስዎ Next.js መጠቀም ይችላሉ. እርስዎ Next.js መጠቀም ይችላሉ. 3 ወራት በኋላ, የእኔን ምርት አንድ ትልቅ ኮርፖሬሽን ከፍተኛ አስተዳደር ላይ ይሰጣል, እና እነርሱም እኔን ያግኙ ነበር. ነገር ግን, 20 ዓመታት በ IT ውስጥ እንደ ተመሠረተ ነገር ግን, ይህ በፊት እኔም አይሆንም. በአሁኑ ጊዜ, እኔ ደግሞ አንድ ሌሎች የሥራ ፕሮጀክቶች መጀመር, አንድ ዓመት ዓመታት ውስጥ አንድ ፋይበር ውስጥ ተመሠረተ ነበር. እኔ ሁልጊዜ ይህ ለመፍጠር በጣም ተስማሚ እና ወሳኝ ይሆናል, እና የቴክኖሎጂ ራስ-እውነተኛ ተስማሚ ሊሆን ይችላል, እኔ ገንዘብ ለመውሰድ አይፈልግም. በዚህ ተከታታይ, እኔ ሙሉ ልምድ ይሰጣል: እውነተኛ ትዕዛዞች, መተግበሪያዎች, እና ትዕዛዞች. ነገር ግን ከዚያም በፊት, በጣም አስፈላጊ ጥያቄን መልስ አለብዎት: እርስዎ ይህን ለመሞከር አለብዎት? እርስዎ ይህን ለመሞከር አለብዎት? ጥቁር መልስ - እነዚህን ባህሪያት ያውቃሉ ከሆነ: yes መጀመሪያ መግቢያ ውሂብ የ HTML አጠቃቀም CSS ቅርጸት የ JavaScript መተግበሪያ ዘመናዊ ግምገማዎች እነዚህ ግምገማዎች በአሁኑ ጊዜ በእርስዎን ፍላጎት ያደርጋሉ ከሆነ, በ "Choosing a Framework" ክፍል ወደ ይጎብኙ. እነዚህ ግምገማዎች በአሁኑ ጊዜ በእርስዎን ፍላጎት ያደርጋሉ ከሆነ, በ "Choosing a Framework" ክፍል ወደ ይጎብኙ. እነዚህ ግምገማዎች አስደሳች ከሆነ, አንድ ደቂቃ መውሰድ ምርጥ ነው የሚከተሉትን ነገር እንደ የሶፍትዌር ሜዲያዎችን ለመጎብኘት አይችልም, ነገር ግን ይህን ያውቃሉ: ይህ ጉዞ እኔን በአብዛኛው ጊዜ የተጠበቀ ነበር. ከባድ መተግበሪያዎች, እና አንድ ቡድን ለመፍጠር. understand them now $300,000 and a couple of years of development ከባድ ከባድ ቀላል ነገር ግን, የ ተጠቃሚው ያውቃል: frontend የድር ጣቢያ በ Browser የሞባይል መተግበሪያ የ Browser አጠቃቀም ማንኛውም መተግበሪያ በዚያ ተጠቃሚዎች ግምገማዎች ላይ ጠቅ ያድርጉ ወይም መረጃ ያንብቡ የ በይነገጽ ላይ በይነገጽ ላይ በይነገጽ ላይ በይነገጽ ላይ በይነገጽ ላይ ይሰራል. backend ይህ ተስማሚ ነው: ውሂብ ሂደት ትክክለኛነት የንግድ Logic Databases ጋር መገናኘት አንድ ተጠቃሚ አንድ ግምገማ ጠቅ ያድርጉ ጊዜ, የ frontend ወደ backend አንድ ጥያቄ ይሰጣል. በይነገጽ መተግበሪያው እንደዚህ ነው: User → Frontend → Backend → Database → Backend → Frontend → User በዋነኝነት, የ frontend በ backend ጋር ተኳሃኝ ነው : ልዩ URL አድራሻዎች, የ frontend ጥያቄዎች ወደ: API routes /api/articles /api/login /api/create-article የ Frontend እነዚህን አድራሻዎች መካከል አንዱ ይደውሉ ጊዜ, የ Server አስፈላጊ ኮድ ይሰራል: ተጠቃሚውን ማረጋገጥ የ Database ይፈልጋል ውሂብ አጠቃቀም ውጤታማውን ይመልከቱ. ለምሳሌ, የ Frontend እንደዚህ እንደ አንድ ጥያቄ መውሰድ ይችላሉ: GET /api/articles?author_id=535 የ backend ይህ ጥያቄ ያገኛል, የdatabase ከ ጽሑፎች ያውቃል, እና ወደ frontend ያውቃል. አንድ Database ምን ነው? አንድ databases የሚጠቀሙትን መረጃ ማከማቻ ነው. አንተ Excel ወይም Google Sheets አጠቃቀም ከሆነ, ትዕዛዝ በጣም ተመሳሳይ ነው. a database is a collection of data. እያንዳንዱ የፕላስቲክ ገጽ እንደ ነው. tables Users Table id name email 1 Alice alice@example.com 2 Jack jack@example.com 1 አሊስ መኖሪያ ቤት@example.com 2 ጃክ መኖሪያ ቤት @example.com Articles Table id name email 1 1 First article 2 1 Another article 3 2 Jack's article 1 1 የመጀመሪያ ጽሑፍ 2 1 ሌሎች ጽሑፎች 3 2 ጃክ ፎቶ በዚህ ምሳሌ ውስጥ, አንድ ተጠቃሚ ብዙ ጽሑፎች ለመፍጠር ይችላሉ. ይህ ቀላል መዋቅር አብዛኞቹ ሶፍትዌር ስርዓቶች ላይ የተመሰረተ ነው. የእርስዎን አገልግሎት ውስጥ ሊሆን ይችላል ነገር ግን በአሁኑ ጊዜ እንደ 3 ብቻ ይሆናል. related tables 30–50 tables HTML: የጽሑፍ ቅርጽ Html አጠቃቀም . what exists on the page ፎቶዎች ክፍሎች ግምገማዎች ምስሎች መኪናዎች ለምሳሌ : Hello This is a paragraph

የ HTML ክፍሎች የሚታወቀው የተመሠረተ መዋቅር ያካትታል. . DOM div ├── h1 └── p የእርስዎ ፈጣን ውስጥ ሁሉም የድር ገጽ በእርግጥ አንድ ትልቅ ንጥረ መድኃኒት ነው. CSS: ነገር እንዴት ይመልከቱ የ HTML ን ለመፍጠር, . CSS defines appearance ቀለም ፎቶዎች አጠቃቀም መኖሪያ ቤት ትኩረት ለምሳሌ : /* CSS class that defines how the title looks */

.title { color: blue; font-size: 32px; } እንደዚህ ይጠቀማል:

Hello ከብዙ ደረጃዎች ያካትታሉ በ CSS ውስጥ አንድ አስፈላጊ ባህሪ ነው, ይህም ክፍሎች ሊሆን ይችላል . multiple classes ለምሳሌ :

Submit እያንዳንዱ ክፍል የተለያዩ ቅርጸት መቆጣጠሪያ ይችላሉ. /* base button style */ .button { border-radius: 6px; }

/* button color style */ .button-primary { background: blue; color: white; }

/* button size */ .button-large { padding: 16px 24px; } ይህ ተንቀሳቃሽነት በጣም ጠንካራ ነው. ነገር ግን ስሜቶች አንድ ጋር መገናኘት ይጀምራል ጊዜ ትልቅ መተግበሪያዎች ውስጥ ደግሞ ተንቀሳቃሽ ሊሆን ይችላል. የ Tailwind እንዴት ይረዳል ይህ ብዙ ዘመናዊ ፕሮጀክቶች በመጠቀም አንድ ምክንያት ነው ትልቅ የ CSS ፋይሎች መጻፍ helyett, Tailwind የተመሠረተ አጠቃቀም ክፍል ይጠቀማል. Tailwind CSS ለምሳሌ : Submit

እያንዳንዱ ክፍል አንድ አነስተኛ ቅርጸት ጥቅል ያደርጋል. ይህ ቅርጸት እንደ Cursor እንደ AI መሣሪያዎች ጋር በመተግበሪያ ላይ አንድ አስቸጋሪ ፍላጎት አለው. . Tailwind layouts much more reliably than traditional CSS የ Cursor በ Tailwind ይጠቀማል ከሆነ, እያንዳንዱ ንጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ የ Cursor በ Tailwind ይጠቀማል ከሆነ, እያንዳንዱ ንጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ-ጥረ ለምሳሌ :

የመጀመሪያው ጊዜ ይህ ይሰራል. ነገር ግን ከዚያ በኋላ ይህ አስቸጋሪ ይሆናል, ምክንያቱም ንድፍ መተግበሪያ እያንዳንዱ ክፍሎች እያንዳንዱ እያንዳንዱ ክፍሎች መተግበሪያ ያስፈልጋቸዋል. ንድፍ መተግበሪያ አጠቃላይ መተግበሪያ ለመተግበሪያ እያንዳንዱ ጥቂት የጋራ ስሜቶች ብቻ መተግበሪያ መተግበሪያ መተግበሪያ መተግበሪያ መተግበሪያ መተግበሪያ መተግበሪያ መተግበሪያ መተግበሪያ ይሆናል. የ JavaScript እና TypeScript የ HTML ን መዋቅር እና የ CSS ን መዋቅር ያደርጋል. JavaScript defines behavior. ጠቅ ያድርጉ or click to view the image in full size የ JavaScript መተግበሪያው በይነገጽ ላይ ተጠቃሚዎችን መተግበሪያዎችን ይጠቀማል. ለምሳሌ : // when the user clicks the button, show a message

button.addEventListener("click", () => { alert("Hello!"); }); TypeScript በዋናነት JavaScript ጋር ተጨማሪ አይነት ደህንነት ነው. የክፍያ: // a simple function that adds two numbers

function add(a, b) { return a + b; } የቴክኖሎጂ: // the same function, but with explicit types // a and b must be numbers // the function returns a number

function add(a: number, b: number): number { return a + b; } አብዛኞቹ ዘመናዊ መተግበሪያዎች TypeScript ይጠቀማሉ ምክንያቱም በከፍተኛ ስርዓቶች ውስጥ ብዙ ስህተት መከላከል ይችላሉ. ለምን Next.js ይጠቀማል በዚህ ተከታታይ ውስጥ, የእኛን ምሳሌ መተግበሪያ መጠቀም ይሆናል Next.js በ React ላይ የተመሰረተ framework ነው. React በ user interfaces ለመፍጠር ላይ ያተኮሩ ነው. Next.js Next.js እንደ ነገሮች ያካትታል: የጉዞ የ Server አጠቃቀም አግኝቷል Endpoint ፕሮጀክት መዋቅር መሣሪያዎችን ለመፍጠር የ Next.js መተግበሪያዎች ለማወቅ የሚያስፈልግም አይደለም, ነገር ግን React መተግበሪያዎች እንዴት ለመፍጠር ይረዳል. የ Next.js መተግበሪያዎች ለማወቅ የሚያስፈልግም አይደለም, ነገር ግን React መተግበሪያዎች እንዴት ለመፍጠር ይረዳል. ነገር ግን, በጣም ቀላል ነው, አንተ ብቻ 3 ነገር ያውቃሉ: ክፍሎች አግኙን ፎቶዎች ተመሳሳይ ክፍሎች React መተግበሪያዎች ከ የተገነባ ናቸው . components አንድ ክፍሎች አንድ መተግበሪያ ክፍሎች ነው. ለምሳሌዎች ያካትታል: ግምገማዎች መጓጓዣ bars እንዴት ጦማር ሞዴል Windows ምሳሌ ክፍሎች: // A simple React component. // It renders a button.

function Button() { return Click me } አሁን እያንዳንዱ ቦታ ላይ መጠቀም ይችላሉ. ትልቁ መተግበሪያዎች ይሆናል . trees of components አግኙን የፕሮፕዎች በኮምፒዩተር ክፍሎች ውስጥ ይመዝገቡ ናቸው. ለምሳሌ : // A simple React component. // It renders a button and shows the text passed in props.label.

function Button(props) { return {props.label} } መጠቀም : // The same component can be reused with different labels

ፎቶዎች የኮች ክፍሎች ሁኔታ ማከማቻ እና ተጠቃሚ መተግበሪያዎች ላይ መተግበሪያ ይቻላል. ለምሳሌ : // useState creates a piece of state inside the component. // "count" stores the current value. // "setCount" is the function used to update it.

const [count, setCount] = useState(0) አሁን የኮምፒውተር አጠቃቀም አጠቃቀም አጠቃቀም ይችላሉ. // When the button is clicked, the count increases by 1. // The text updates automatically.

setCount(count + 1)}> Clicked {count} times የኮምፒውተር ቁሳቁሶች ተንቀሳቃሽ ናቸው. ዝርዝር : If you have never encountered these concepts before, I understand how this might feel. But you don’t need to master all of this at a professional level. You only need to understand the basic idea. If you have a technical mindset and can grasp these concepts, the journey becomes much easier. Instead of randomly asking AI to generate something, you will be able to guide it properly. And that makes a huge difference. ዝርዝር : ከሁሉም ጊዜ ከሁሉም ጊዜ ከሁሉም ጊዜ ከሁሉም ጊዜ ከሁሉም ጊዜ ከሁሉም ጊዜ ከሁሉም ጊዜ ከሁሉም ጊዜ ከሁሉም ጊዜ ከሁሉም ጊዜ ከሁሉም ጊዜ ከሁሉም ጊዜ ከሁሉም ጊዜ ከሁሉም ጊዜ ከሁሉም ጊዜ ከሁሉም ጊዜ ከሁሉም ጊዜ ከሁሉም ጊዜ ከሁሉም ጊዜ ከሁሉም ጊዜ ከሁሉም ጊዜ ከሁሉም ጊዜ ከሁሉም ጊዜ ከሁሉም ጊዜ ከሁሉም ጊዜ. ነገር ግን ይህ ሁሉ በባለሙያ ደረጃ ላይ ለመምረጥ አይፈልግም. እርስዎ ብቻ ዘዴን መውሰድ አለብዎት. አንድ የቴክኒካዊ ግምገማ እና እነዚህ ግምገማዎች መውሰድ ይችላሉ ከሆነ, ጉብኝት በጣም ቀላል ይሆናል. ከባድ ከባድ ከባድ ከባድ ከባድ ከባድ ከባድ ከባድ ከባድ ከባድ ከባድ ከባድ ከባድ ከባድ ከባድ ከባድ ከባድ ከባድ ከባድ ከባድ ከባድ ከባድ ከባድ ከባድ ከባድ ከባድ ከባድ ከባድ ከባድ ከባድ ከባድ ከባድ ከባድ ከባድ ከባድ ከባድ ከባድ ከባድ ከባድ ከባድ ከባድ ከባድ ከባድ ከባድ ነው. የቀረቡ በፊት እባክዎን ያውቃሉ: ከባድ ከባድ ከባድ የቴሌሎች እንደ መረጃዎች የ HTML አጠቃቀም CSS ደረጃዎች እና ቅርጸቶች የ JavaScript መተግበሪያ React ክፍሎች, Props እና Hooks ቀጣይ ምን ነው? የእርስዎን የምርት የቴክኒካዊ መስፈርቶች ውስጥ ለመጎብኘት በፊት, ይህን መልስ: እርስዎ እንዴት መጠቀም ይሆናል? መጀመሪያ ላይ, ይህ ብቻ የቴክኒካዊ መፍትሔ ሊሆን ይችላል. ነገር ግን በመጀመሪያ ጊዜ ሶፍትዌር ጋር ለመፍጠር ይህ መሳሪያ በይነገጽ ላይ የተመሠረተ ነው, ይህ መሳሪያ በይነገጽ ላይ የተመሠረተ ነው, እና በይነገጽ ላይ የተመሠረተ ነው, እና በይነገጽ ላይ የተመሠረተ ነው. Cursor እዚህ እኔ የእኔን መጠቀም መጨረሻ ላይ መተግበሪያ ይሰጣል. ይህ መተግበሪያ ለእኔ በጣም ጥሩ ይሰራል እና እኔ በመጀመሪያ ላይ ተመሠረተ አንዳንድ ችግሮች ለመጠበቅ ይረዳል. ጥቅል ይምረጡ የእርስዎ ምርቶች አንድ የድር መተግበሪያ አለው (እኛ ተጠቃሚዎች በባህር መተግበሪያ በመጠቀም ጋር መተግበሪያ ይጠቀማሉ) እርስዎ የ frontend እና የ backend ሁለቱም ይጠቀማል. ለሁለት አገልግሎቶች እኔ የተመሰረተ ነበር, እኔ ነገር ግን እኔም ይህን ስህተት ምንም ጊዜ ይሰጣል. Next.js እኔ በፊት በ Next.js ጋር የተሰራ አይችልም, እኔ እንደ PHP, Laravel, JavaScript, እና ተመሳሳይ ቴክኖሎጂዎች ጋር ተስማሚ ነኝ, ነገር ግን በዚህ ሁኔታ እኔ ብቻ በ ChatGPT የተመሠረተ ነው. ምንድን ነገር ነው: እርስዎ አሁን አንድ ሌላ ጥቅል ያውቃል ቢሆንም, ይህ አዲስ ነገር ለመሞከር ጥሩ ጊዜ ሊሆን ይችላል. ምንድን ነገር ነው: እርስዎ አሁን አንድ ሌላ ጥቅል ያውቃል ቢሆንም, ይህ አዲስ ነገር ለመሞከር ጥሩ ጊዜ ሊሆን ይችላል. ከሁሉም ልማት ከሁለቱም ከሁለቱም ከሁለቱም ከሁለቱም, በእርስዎ ደንበኞች-ገጽ caching እና መተግበሪያ ሁኔታ አስተዳደር ጋር ፍላጎት ሊሆን ይችላል (እርስዎ ተጠቃሚዎን የእርስዎን አገልግሎቶች ጋር ተኳሃኝበት ጊዜ ገጾች እንደ ተንቀሳቃሽ መጫወቻዎች ሙሉ በሙሉ ለመጠበቅ የሚፈልጉ ከሆነ እነዚህ አስፈላጊ ናቸው). ይህ ልምድ በእርግጥ ይረዳል. ከሁሉም ልማት ከሁለቱም ከሁለቱም ከሁለቱም ከሁለቱም, በእርስዎ ደንበኞች-ገጽ caching እና መተግበሪያ ሁኔታ አስተዳደር ጋር ፍላጎት ሊሆን ይችላል (እርስዎ ተጠቃሚዎን የእርስዎን አገልግሎቶች ጋር ተኳሃኝበት ጊዜ ገጾች እንደ ተንቀሳቃሽ መጫወቻዎች ሙሉ በሙሉ ለመጠበቅ የሚፈልጉ ከሆነ እነዚህ አስፈላጊ ናቸው). ይህ ልምድ በእርግጥ ይረዳል. ከባድ መሣሪያዎች ከባድ መሣሪያዎች ከባድ መሣሪያዎች ከባድ መሣሪያዎች ከባድ መሣሪያዎች ከባድ መሣሪያዎች ከባድ መሣሪያዎች ከባድ መሣሪያዎች ከባድ መሣሪያዎች ከባድ መሣሪያዎች ከባድ መሣሪያዎች ከባድ መሣሪያዎች ከባድ መሣሪያዎች ከባድ መሣሪያዎች ከባድ መሣሪያዎች ከባድ መሣሪያዎች ከባድ መሣሪያዎች ከባድ መሣሪያዎች ከባድ መሣሪያዎች ከባድ መሣሪያዎች ከባድ መሣሪያዎች ከባድ መሣሪያዎች ከባድ መሣሪያዎች Where Will Your Server Run? አንድ ጊዜ የፕሮግራም ይምረጡ, ቀጣይ ጥያቄ ምንድን መተግበሪያ በአሁኑ ጊዜ ይሰራል ነው. . hosting Vercel የእኔ የመጀመሪያው ፕሮጀክቶች ውስጥ, እኔ . Vercel ይህ ጋር በመተግበሪያ ጊዜ በጣም ቀላል ምርጫ ነው. መተግበሪያው (የተግበሪያዎን ወደ ደንበኞች ወደ መተግበሪያ) መተግበሪያው ለመጀመር እያንዳንዱ ጊዜ ራስ-ሰር ውጭ ይሆናል. . Next.js git push ነገር ግን, በጊዜው, እኔ አንድ አስቸጋሪ ችግር ጋር ተስማሚ ነበር: አንዳንድ አካባቢዎች, መተግበሪያው ብቻ መጠቀም አይችልም. በዚህ ምክንያት, የመጀመሪያው ፕሮጀክቱ Vercel ላይ ተስማሚ ነበር, ነገር ግን ሁለተኛው, እኔ ሌላ ነገር ይሞክሩ. Fly.io ለሁለተኛው ፕሮጀክቱ, እኔ ወደ Fly.io. መተግበሪያው ከሰዓት ከሰዓት ከሰዓት በላይ ነው የፕሮጀክቱ ይጀምራል, ነገር ግን መጨረሻ ላይ, እኔ በእርግጥ Fly.io ተጨማሪ ይወዳል. የፕሮጀክቱ ይጀምራል ከሆነ ማጥፋት ለማግኘት ተጨማሪ ተስማሚ ይሆናል. Vercel Interestingly, Fly.io በግልጽ ምንም ነጻ ደረጃ አላቸው, ነገር ግን የእርስዎ ወርሃዊ አጠቃቀም ከ 5 ዶላር ዝቅተኛ ነው, እነርሱ በእርስዎ ምንም ነገር መክፈል አይችሉም. Choosing a Database አንድ Database ይምረጡ እዚህ ሁለት ዋና መስፈርቶች አሉ: የመጀመሪያው አማራጮች የእርስዎን የእርስዎን የግል databases ላይ ይሰራል. ይህዎን ሙሉ ቁጥጥር ያቀርባል እና ሙሉ በሙሉ ነጻ ሊሆን ይችላል. ሁለተኛው አማራጭ የ Database እንደ አገልግሎት ይጠቀማል. ለሁለት ፕሮጀክቶች እኔ ሁለተኛው መተግበሪያን ይምረጡ, ምክንያቱም እርስዎ ሊሆን ይችላል በፍጥነት ይሞክሩ. . Supabase አግኝቷል አንድ Managed database ጋር በርካታ በጣም አስፈላጊ መሣሪያዎች ጋር. PostgreSQL የኦሪጂናል ምን ያህል ተስማሚ Supabase በ Vector Storage ላይ ያተኮሩ ነው. ይህ በ OpenAI embeddings-3-small ሞዴል ጋር የተፈጠረ ውሂብ እንደ የተመሠረተ የተመሠረተ የተመሠረተ ውሂብ እንደ የእኔ ፕሮጀክቶች መካከል አንዱ ውስጥ አስፈላጊ ነበር. የ AI በሶፍትዌር ምርቶች ውስጥ ተጨማሪ የተመሠረተ ጊዜ, የ Vector ውሂብ ለ ተመሠረተ ድጋፍ አስደናቂ ዋጋ ይሆናል. Supabase የተመሠረተ ማረጋገጫ ያካትታል. ተጠቃሚዎች Google, GitHub, ኢሜይል እና ሌሎች አቅራቢዎች እንደ አቅራቢዎች በመጠቀም መግቢያ ይችላሉ. Supabase በተጨማሪም ፋይሎችን ማከማቻ ይሰጣል, ይህም ተጠቃሚዎች ከባድ ኢንዱስትሪ ለመፍጠር አይችልም ፎቶዎች እና ሌሎች መሳሪያዎችን ያውቃሉ. ሌላ በጣም አስፈላጊ ባህሪያት የ RPC ባህሪያት ድጋፍ ነው. ሁለተኛው ፕሮጀክቱ ውስጥ እኔ ከባድ ኢንዱስትሪ ከባድ ኢንዱስትሪ ከባድ ኢንዱስትሪ ቴሌሎች ከባድ መውሰድ ለመውሰድ ሙሉ በሙሉ መውሰድ ነበር. አብዛኛውን ጊዜ, ሁሉም ነገር የ RPC ባህሪያት በኩል ይሰራል. Supabase ደግሞ እንደ Row Level Security (RLS) ፖሊሲዎች እንደ ጠንካራ ደህንነት መሣሪያዎችን ያካትታል. Supabase Drawbacks የ Google መግቢያ በ iPhone ላይ በ Safari በመጠቀም መተግበሪያን መግዛት ተጠቃሚዎች ላይ በተመሳሳይነት ተስማሚ ነው. ይህ ከሁለት ወራት በላይ ልማት በኋላ ብቻ መውሰድ ነበር, እና በአሁኑ ጊዜ ማረጋገጫ ማረጋገጫ ማረጋገጫ ማረጋገጫ ማረጋገጫ ማረጋገጫ አይችልም. የእኔ ሁለተኛው ፕሮጀክት ውስጥ Supabase መግቢያ ስርዓት ብቻ ክፍል መጠቀም ነበር. የ Supabase ቴክኒካዊ ደረጃ ነጻ ደረጃ ይሰጣል, ነገር ግን በአሁኑ ጊዜ, እርስዎ በአጠቃላይ $ 25-40 በየዓመቱ ለመክፈል ሊሆን ይችላል, ነገር ግን መተግበሪያው ደግሞ ልማት ላይ ነው እና ተጠቃሚዎች የለም. Cursor + ChatGPT: ሁለት የተለያዩ መለያዎች ለእኔ, ሌሎች IDE አማራጮች አሉ, ነገር ግን Cursor በእኔ ሁኔታ ውስጥ በጣም ጥሩ ይሰራል. VS ኮድ እንደ ነገር እና በቴምኒየም በኩል አንድ ኤም ኤስ ደጋፊ ጋር ተኳሃኝ አንድ ነገር ነው እኔ በእርግጥ ለመሞከር አይፈልግም. Cursor is the primary development environment የ Cursor ዋና ጥቅሞች ናቸው እና . cost frequent updates አንዳንድ ደረጃዎች, የእኔ ክፍያዎች ወደ በዚያ ጊዜ, እኔ እነዚህን ወጪን እንዴት መቆጣጠሪያ እንደሚቻል ያውቃል. ዛሬ, እውነተኛ ግምገማዎች ስለ የኃይል ሞዴሎች ይጠቀማሉ. $100 per day $300 per month Cursor በተጨማሪም ለስላሳ ገጽ መግቢያ ይሰጣል , ነገር ግን በጣም ደንበኛ ሞዴል ላይ መተግበሪያው በእርግጥ አይችልም, እና የሽያጭ ሞዴሎች ላይ መስፈርቶች በጣም ዝቅተኛ ናቸው. $20 የ ChatGPT ምን ያህል በጣም አስፈላጊ ነው እርስዎ Cursor ይጠቀማል ከሆነ, እርስዎ አንድ አግኝተናል. አግኙን ChatGPT Plus የእኔ workflow አብዛኛውን ጊዜ እንደዚህ ይሆናል: Cursor → ኮድ መጻፍ እና ማሻሻል ChatGPT → ግምገማዎች እና መሐንዲሶች ይታያል በ Cursor ውስጥ, ሞዴል ለ ከ Cursor ከ, ChatGPT አንድ የፈጠራ ጓደኛ ተስማሚ እንደ ይሰራል. code generation and stability አንድ ቀላል ሁኔታ: ChatGPT የእርስዎን ምርት ኮድ መጻፍ አይፈልግም Don’t ask ChatGPT to write your production code Cursor ውስጥ ተመሳሳይ ሞዴል, ወይም እንደ Opus እንደ ልዩ ሞዴሎች, ኮድ ይበልጥ ጥሩ ይሆናል. የ ChatGPT ለ Visual Assets መጠቀም ሌላ የ ChatGPT አጠቃቀም ነበር . image generation የእኔ ሁለተኛው ፕሮጀክቱ የቪዛ መዋቅርዎችን ያተኮሩ ነው: የዲጂታል ፓርክዎች በሽታዎች, ፎቶዎች, እና የክፍያ መሣሪያዎች ጋር. ይህ በርካታ ግራፊክ መሳሪያዎችን ያስፈልጋል. መሳሪያዎችን ለመግዛት ወይም በእያንዳንዱ መተግበሪያ ለ ዲዛይነሮች ይደሰቱ helyett, በ ChatGPT በመስመር ላይ አብዛኛውን ጊዜ የቪዛ መሳሪያዎችን አጠቃቀም. በ ChatGPT Plus አግኝተዋል ፎቶ ማምረት, ይህ ልማት ወቅት አስደናቂ ገንዘብ አግኝተዋል እና በጣም ቀላል ነበር. መሳሪያዎች ብዙ developers ይጠቀማሉ ኮድ መጻፍ በፊት መዋቅር መፍጠር. Figma Cursor በእርግጠኝነት ትክክለኛ UI መተግበሪያዎችን ለመፍጠር ይችላሉ, እና ከዚያ በኋላ እኔ ብቻ ራስ-ሰር መተግበሪያዎችን ያደርጋል. ነገር ግን, እርስዎ በመጀመሪያ መተግበሪያዎችን ለመፍጠር ይፈልጋሉ ከሆነ, Figma ደግሞ በጣም አስፈላጊ ሊሆን ይችላል. Google በተጨማሪም መሳሪያዎች ጋር ተሞክሮ ያደርጋል ንድፍ ቅርጸት በቀጥታ ወደ ኮድ. , ይህም በይነገጽ ዲዛይን ከ የመጀመሪያ መተግበሪያ ማምረት ሊሆን ይችላል. Google Stitch የቴክኖሎጂ ውስጥ, አንተ ሊሆን ይችላል: በ Figma ውስጥ Interface መፍጠር Stitch ጋር Templates ለመፍጠር ከዚያም እነዚህ ሞዴሎች ወደ React ቁሳቁሶች ይፈጥራል. ኢሜይል እና አነስተኛ ኢንዱስትሪ ክፍሎች አብዛኞቹ መተግበሪያዎች መጨረሻም ኢሜይልዎችን ለመስጠት ያስፈልጋቸዋል. ይህን ለማግኘት, አንድ ቀላል አገልግሎቶችን ይጠቀማል . Resend ከዚያም, እርስዎ እንደ አንድ ነገር በመጠቀም caching መውሰድ ይችላሉ. ነገር ግን ሁለቱም ፕሮጀክቶች ውስጥ, እኔ ይህ ደረጃ ይሰጣል. ሬዲስ ሬዲስ አክሬዲክሪት በተመሳሳይ መንገድ የተዘጋጀ ከሆነ, caching ሁልጊዜ ከዚያ በኋላ ሊሆን ይችላል. አክሬዲክሪት በተመሳሳይ መንገድ የተዘጋጀ ከሆነ, caching ሁልጊዜ ከዚያ በኋላ ሊሆን ይችላል. Docker ይፈልጋሉ? ሁለቱም ፕሮጀክቶች ውስጥ እኔ ሙሉ በሙሉ ምንም ሥራ ሊሆን ይችላል . አግኙን አግኙን Vercel የፕሮጀክት ራስ-ሰር ለመፍጠር ነው (እኔ ያውቃሉ, የፕሮጀክት በ Next.js ለመፍጠር ተመሳሳይ ቡድን የተፈጠረ ነው). Fly.io ጋር, Docker በመጠቀም በኮምፒውተርዎ ላይ የፕሮጀክት ለመፍጠር ይችላሉ, ነገር ግን የፕሮጀክት መጫን በኮምፒውተርዎ ላይ ሊሆን ይችላል. አንድ ጊዜ, አንድ ነገር ተለዋዋጭ ነበር, እና Fly.io ፋይሎች ለመውሰድ እና መፍጠር መጀመር. የመስመር ላይ ተለዋዋዋጭ ምክትል በ Fly መተግበሪያዎች ውስጥ በ Server አካባቢን ለመቀየር ወይም በ local builds (እኛ Docker የሚፈልጉት ቦታ ነው) ለመቀየር ነው. ነገር ግን እኔ በ Fly መተግበሪያ ትዕዛዞች ውስጥ የተወሰነ ባሕርን በመጠቀም, ነገር ግን ምንም ነገር ማድረግ አይችልም. እርስዎ ብቻ በ Opus ይጠይቃል እንዴት በሽታን ፍላጎት (የተግበሪያ መተግበሪያ ወይም Docker ለመጫወት አይችልም) ለመቀነስ እንደሚቻል). ይህ በአጠቃላይ አንድ ተግባራዊ መፍትሔ ይሰጣል. ሃርድዌር ከፈለጉ በላይ አስፈላጊ ነው አንድ አስደናቂ ትምህርት ፕሮግራም ጋር ምንም ግንኙነት ነበር. የእርስዎ ሃርድዌር መጫወት አስፈላጊ ነው Your hardware setup matters Cursor በጣም ጥሩ ይሰራል, አንተ አንድ ጊዜ በርካታ ፓነሎች ለማየት አነስተኛ ስሪት አላቸው. የቴክኒካዊ ደረጃ, ነገር ግን በጣም አስደናቂ ነበር. 13-inch tablet በ A ወደ የሥራ ሂደት በከፍተኛ ደረጃ የተሻሻለው. 27-inch monitor Cursor ደግሞ በጣም ressource-intensive ሊሆን ይችላል, ስለዚህ አንድ በጣም ጠንካራ ኮምፒውተር በእርግጥ ይረዳል. Cursor ደግሞ በጣም ressource-intensive ሊሆን ይችላል, ስለዚህ አንድ በጣም ጠንካራ ኮምፒውተር በእርግጥ ይረዳል. የስራ ስርዓት ለሁሉም ሁኔታዎች, እኔ ይህን ሙሉ ሙከራ ላይ ይጀምራል . Windows ቢሆንም, በዚህ ጥቅል ውስጥ ምንም ነገር በእርግጥ በ Windows ላይ የተወሰነ ነው, ከኤም.ኤም.ኤም. በኮምፒውተርዎን በመጠቀም የካል ኮምፒውተሮች ለመፍጠር ተሞክሮ ተሞክሮዎች ብቻ ነው. (እኔ ከዚያ በኋላ ይሰጣል አንዳንድ መስፈርቶች ጋር ማረጋገጥ ይችላሉ). && ተመሳሳይ መተግበሪያ ሙሉ በሙሉ ጥሩ ይሰራል . macOS or Linux ዝቅተኛ ቁጥጥር ሁሉም ነገር ይደሰቱ ከሆነ, የእኔ stack እንደዚህ ይመልከቱ: አጠቃቀም: Next.js ውሂብ ካርድ: Supabase አጠቃቀም: Fly.io መኖሪያ ቤት: Cursor አጠቃቀም: ChatGPT ኢሜይል: መልስ ነገር ግን ይህ ለመፍጠር ተጨማሪ ያደርጋል. . real working products ቀጣይ ምን ይሆናል ማንኛውም ኮድ መተግበሪያ በፊት, የምርት ንጹህ ይሰጣል. አብዛኞቹ ሰዎች የ AI መሣሪያዎችን በመጠቀም ቀጥተኛ ወደ ኮድ መውሰድ ይሆናል. የእኔ ልምድ ላይ, ይህ የካዮቲክ ስርዓት ለመፍጠር በጣም ፈጣን መንገድ ነው. እርስዎ የ AI ጋር አንድ ምርት አላቸው ከሆነ, በእርግጥ, እኔ እርስዎ ይወዳሉ. እኔ ደግሞ በ 2025 ኛው መስከረም ጋር በመጀመሪያ ተሞክሮ መጀመር ጊዜ አግኝቷል ስሜት. እርስዎ የ AI ጋር አንድ ምርት አላቸው ከሆነ, በእርግጥ, እኔ እርስዎ ይወዳሉ. እኔ ደግሞ በ 2025 ኛው መስከረም ጋር በመጀመሪያ ተሞክሮ መጀመር ጊዜ አግኝቷል ስሜት. አሁን የእኔን አስተያየት ትንሽ አስደናቂ ሊሆን ይችላል: ለሁለቱም ቀናት ይጀምሩ. ለሁለቱም ቀናት ይጀምሩ. ለሁለቱም ቀናት ይጀምሩ. 3 - 5 ቀናት ይወስዳል እና Cursor, Antigravity, ወይም ሌሎች የ AI ልማት ፓነል ለመጫን ከባድ. የእርስዎን ግምገማው ጥራት በዚያ ደረጃ ላይ በጉጉት (እርስዎ ምሥራቅ ሳምንታት ወይም ወዲያውኑ ወዲያውኑ ወዲያውኑ ወዲያውኑ ወዲያውኑ ወዲያውኑ ወዲያውኑ ወዲያውኑ ወዲያውኑ ወዲያውኑ ወዲያውኑ ወዲያውኑ ወዲያውኑ). ሁሉም መግዛት ይችላሉ . 10 minutes of thinking now hours of refactoring later አንድ ግንኙነት ጋር ይጀምራል በዚህ ደረጃ, የእርስዎ ዋና መተግበሪያው የእርስዎን ስሜት ለመውሰድ ነው. ለመፍጠር በጣም ቀላል መንገድ በ ChatGPT በመውሰድ በመጠቀም ይጀምራል (እርስዎ ሙሉ ስሜት ስሜት ስሜት መተግበሪያ አይደለም, ነገር ግን ስሜት ወደ ስሜት መተግበሪያ). የእርስዎን መኖሪያ ቋንቋ ሙሉ በሙሉ ተስማሚ ነው. Just start talking. For example, explain: የእርስዎን ምርት እንዴት ነው እነዚህ ተጠቃሚዎች ምንድን ችግሮች ይሰራል ተጠቃሚዎች እንዴት እንደሚሰራ ይሆናል ይህ መተግበሪያ መተግበሪያ መተግበሪያ መተግበሪያ መተግበሪያ መተግበሪያ መተግበሪያ መተግበሪያ ነው. በዚህ ልውውጥ ወቅት, እርስዎ በ ChatGPT እንዴት የቴክኖሎጂ ቁጥጥር መጠቀም ይሆናል ያውቃል. For example: አዲሱ.js መለያዎች አግኙን ጓደኛ በ ChatGPT ይጠይቃል በ Cursor ውስጥ ወደ ኮድ መጻፍ ይሆናል, ነገር ግን በ ChatGPT ወደ ስርዓት እንዴት ይመዝገቡ ይፈልጋሉ. not to generate code ብዙ ሰዎች ከሁለቱም ከሁለቱም ከሁለቱም ከሁለቱም ከሁለቱም ከሁለቱም ከሁለቱም ከሁለቱም ከሁለቱም ከሁለቱም ከሁለቱም ከሁለቱም ከሁለቱም ከሁለቱም ከሁለቱም ከሁለቱም ከሁለቱም ከሁለቱም ከሁለቱም ከሁለቱም ከሁለቱም ከሁለቱም ከሁለቱም ከሁለቱም ከሁለቱም ጊዜ ከሁለቱም. Think About Data, Not Just Screens በዚህ ደረጃ ውስጥ በጣም አስፈላጊ ክፍሎች መካከል አንዱ የዲት ሞዴል ንድፍ ነው. ከሁሉም ጊዜ ከባድዎን ከባድዎን ከባድዎን ከባድዎን ከባድዎን ከባድዎን ከባድዎን ከባድዎን ከባድዎን ከባድዎን ከባድዎን ከባድዎን ከባድዎን ከባድዎን ከባድዎን ከባድዎን ከባድዎን ከባድዎን ከባድዎን ከባድዎን ከባድዎን ከባድዎን ከባድዎን ከባድዎን. Ask yourself questions like: አንድ ተጠቃሚ ከብዙ ንጥሎች መፍጠር ይችላሉ? መሣሪያዎች ምድቦች ውስጥ ሊሆን ይችላል? ምድቦች ከሁለቱም ቁሳቁሶች ሊሆን ይችላል? የአትክልቶች መካከል ግንኙነት አለን? For example: አንድ ተጠቃሚ → ብዙ ጽሑፎች አንድ ጽሑፍ → አንድ ክፍል ... ወይም እርስዎ አንድ ጽሑፍ → multiple categories and tags አንድ ጽሑፍ → ብዙ አስተያየት በ scroll ላይ ይጫኑ አስተያየቶች Reactions ሌላ አስፈላጊ ጥያቄ ነው ሁሉም ሰው ተመሳሳይ ይሆናል? ወይም አንዳንድ ተጠቃሚዎች ተጨማሪ ባህሪያት ይኖራሉ? user roles የ moderators አስተዳዳሪዎች እርስዎ ከባድ መጫወት ይችላሉ, ነገር ግን ከባድ መጫወት ይበልጥ ቀላል ነው. Ideally, የእርስዎ የቴክኒክ ዝርዝር ያካትታል: ገጽ ስም (የተኮር, አስተያየት, መልስ) አጠቃቀም ስም (የተግበሪያ ስም, avatar, bio) የፕላስቲክ መለያዎች እርስዎ ምርት በቂ ጊዜ ለመፍጠር ይጀምራል ከሆነ, ከጀመር ከባድ ጥራት ከባድ ጥራት ከባድ ጥራት ከባድ ጥራት ለመፍጠር ይችላሉ. ሁለቱም ፕሮጀክቶች ውስጥ, የ Database በመጨረሻ ላይ ስለ እዚህ የእኔን ሁለተኛ ፕሮጀክቱ መዋቅር ነው: 30–40 tables የእርስዎ ፕሮጀክቱ ምናልባት ተመሳሳይ ቁጥር ጋር መጨረሻ ይሆናል. ነገር ግን በመጀመሪያ የቴክኒክ መስፈርቶች, ብቻ ነው. 10 core tables ጓደኞች ለጀምሯዊዎች በጣም አስቸጋሪ ምንድን ነው አንድ ትዕዛዞች እንደ ተጠቃሚዎች ወይም ጽሑፎች እንደ መተግበሪያዎች ይልቅ መተግበሪያዎችን ያከናወታል. የእርስዎ ስርዓት ከባድ አገልግሎቶች ጋር ተኳሃኝ ጊዜ አንድ ትዕዛዞች ያስፈልጋል. job queues ለምሳሌ, አንድ ተጠቃሚ አንድ ጽሑፍ ልጥፍ በኋላ, እርስዎ ውጭ አገልግሎት ወደ ግምገማ ወይም ልጥፍ ለማግኘት ያውቃሉ. እርስዎ መለያ ለመፍጠር ጊዜ እርስዎ እያንዳንዱ አጠቃቀም መጠቀም አይችልም, ከባድ አገልግሎቶች ሊሆን ይችላል ወይም በባድ መልስ ሊሆን ይችላል. እርስዎ መለያ ለመፍጠር ጊዜ እርስዎ እያንዳንዱ አጠቃቀም መጠቀም አይችልም, ከባድ አገልግሎቶች ሊሆን ይችላል ወይም በባድ መልስ ሊሆን ይችላል. ይህ ጽሑፍ በእርግጥ በቀላሉ ለመፍጠር አለበት (እኛ ብቻ የእርስዎን መተግበሪያ ላይ ያካትታል). ነገር ግን ተጨማሪ መረጃ በኋላ በባህር ሂደት በመጠቀም ያካትታል. ለምሳሌ, የእርስዎን ጽሑፍ ፎቶ እንደዚህ ሊሆን ይችላል: id author_id picture title_en text_en title_es text_es 32 535 one.jpg Article 1 Hello 33 535 two.jpg Article 2 Next part 32 535 አንድ.jpg ጽሑፍ 1 እባክዎ 33 535 2 ግምገማዎች JPG ጽሑፍ 2 ቀጣይ ክፍል እያንዳንዱ ጽሑፍ ለመፍጠር በኋላ, እያንዳንዱ ጽሑፍ ከባድ አገልግሎቶች ውጭ መላኪያ ማግኘት ይሆናል: id entity_type entity_id status attempts es_text_generated 1 article_text 32 processed 1 Hola 2 article_text 33 pending 0 1 ጽሑፍ 32 ሂደት 1 Hola አግኙን 2 ጽሑፍ 33 ተለዋዋጭ 0 እንደ መተግበሪያዎን መተግበሪያዎን መተግበሪያዎን መተግበሪያዎን መተግበሪያዎን መተግበሪያዎን መተግበሪያዎን መተግበሪያዎን መተግበሪያዎን መተግበሪያዎን መተግበሪያዎን መተግበሪያዎን መተግበሪያዎን መተግበሪያዎን id author_id picture title_en text_en title_es text_es 32 535 one.jpg Article 1 Hello Hola 33 535 two.jpg Article 2 Next part 32 535 አንድ.jpg ጽሑፍ 1 እባክዎ Hola አግኙን 33 535 2 ግምገማዎች JPG ጽሑፍ 2 ቀጣይ ክፍል በ Supabase ውስጥ ከባድ አገልግሎቶች ከባድ ከባድ ይጠቀማሉ . Edge Functions በ Supabase ውስጥ 2 የተለያዩ ዓይነት ተግባሮች አሉ: እና . RPC Edge የሽያጭ ሂደቶች የፕላስቲክ ኮርፖሬሽኖች እና የፕላስቲክ ኮርፖሬሽኖች በመጠቀም የፕላስቲክ ኮርፖሬሽኖች እና የፕላስቲክ ኮርፖሬሽኖች ( (አጠቃላይ የተወሰነ ተጠቃሚዎች ላይ የተወሰነ ጽሑፎች) አማርኛ: RPC ስኬት 535 ስኬት 535 SELECT * FROM articles WHERE author_id = 535; እባክዎን እባክዎን እባክዎን እባክዎን እባክዎን እባክዎን እባክዎን እባክዎን እባክዎን እባክዎን እባክዎን እባክዎን እባክዎን እባክዎን እባክዎን እባክዎን እባክዎን እባክዎን እባክዎን እባክዎን. CREATE OR REPLACE FUNCTION get_user_articles(p_author_id bigint) RETURNS TABLE ( id bigint, author_id bigint, picture text, title_en text, text_en text, title_es text, text_es text ) LANGUAGE sql SET search_path = '' AS $$ SELECT id, author_id, picture, title_en, text_en, title_es, text_es FROM public.articles WHERE author_id = p_author_id ORDER BY id DESC; $$; ከዚያም, የእርስዎ ፕሮጀክቱ ኮድ ውስጥ, ይህ ተግባር እንደዚህ ይደውሉ: SELECT * FROM get_user_articles(535); ይህ መተግበሪያ ሁልጊዜ ትክክለኛ እና ተስማሚ ይሰራል ለማረጋገጥ, የቴክኒካዊ መስፈርቶች ላይ ብጁ መስፈርቶች ያካትታሉ (እኛ ከዚያ በኋላ ይመልከቱ): በእርግጠኝነት ከኮምፒውተር ወደ database መውሰድ አይችሉም; በእርግጠኝነት በ Server API መስመሮች በመጠቀም መተግበሪያው ውስጥ ቀጥተኛ የፕላስቲክ ጥያቄዎችን መከላከያ ይችላሉ; አንድ አዲስ ውሂብ አጠቃቀም ያስፈልጋል እና ምንም የ RPC አላቸው ከሆነ, አንድ አዲስ የ RPC አጠቃቀም ጋር አንድ አጠቃቀም ለመፍጠር ሁልጊዜ በ RPC ተግባሮች ውስጥ SET search_path = '' ይጠቀማል እና በቴሌሎች ላይ መግዛት ጊዜ በይፋ ቅርጸት ይመልከቱ. እኔ አሁን በዚህ ርዕስ ውስጥ ይመዝገቡ አይችሉም, ነገር ግን እነዚህን መመሪያዎች በመስጠት ከዚያ በኋላ ብዙ የክፍያዎች ይሰጣል. እኔ አሁን በዚህ ጽሑፍ ላይ ይመዝገቡ አይችሉም, ነገር ግን እነዚህን መስፈርቶች መጠቀም ይሆናል . a lot of headaches later Edge functions አንድ Edge ተግባር ይሰራል እና በአጠቃላይ ከባድ አገልግሎቶች ጋር መገናኘት ይጠቀማል. outside the database እነርሱ በ እና የሚፈልጉበት ጊዜ የ RPC ተግባሮች በቢስክሌት ውስጥ ይደውሉ. JavaScript or TypeScript (Deno runtime) ይህ የፕላስቲክ ውሂብ ላይ በጣም ቀላል ክፍል ነበር. እርስዎ ደግሞ ሙሉ በሙሉ መውሰድ አይችልም እና ይህ ሙሉ በሙሉ ጥሩ ነው: በመጀመሪያ, በዚህ ደረጃ ውስጥ እነዚህ ሁለተኛ ዝርዝር ናቸው. ሁለቱም, የእርስዎን ጓደኝነት ወቅት በ ChatGPT ብቻ ይህን ጽሑፍ ማግኘት ይችላሉ, "የወደዎን ጓደኝነት" እና እባክዎን ያውቃሉ ማንኛውም ነገር ያውቃሉ. የእኔ ልምድ ላይ, እባክዎን በቀላሉ የኮንክቶፕን ያውቃል እና መስኮች, የ Edge ተግባራት ያውቃል, እና እርስዎ እነሱን አያስፈልግዎት. ሦስት, እንደ እኔ በ 1 ክፍል ውስጥ ታውቃለሁ, Cursor database እና backend መዋቅር ለመፍጠር በጣም ጥሩ ነው. እነዚህ ችግሮች ጋር እርስዎ ብቻ አይሆንም. ክፍሎች ይመልከቱ በይነገጽ ላይ ከሁሉም አግኝተዋል ከሆነ, እርስዎ በኮምፒዩተር ንጥሎች ውስጥ ያካትታል. ለምሳሌ : ጽሑፍ ክፍሎች የ User Profile ክፍሎች መዋቅር Windows የሞባይል ክፍሎች አንድ ጽሑፍ ክፍሎች በርካታ ሞዴሎች ሊሆን ይችላል: የኮምፒውተር መለያዎች ፎቶዎች ለ Edit Mode ለ admins ለ moderation mode የኮምፒውተር መሳሪያዎች ከባድዎ በፊት ይመልከቱ ከሆነ, የ AI መሳሪያዎች ከዚያም በጣም ቀላል ኮድ ይምረጡ. የመስመር ላይ አስፈላጊ ሁኔታ በ ChatGPT ያነጋግሩ, ይህ መስፈርቶች ውስጥ አንድ መመሪያ ያካትታል , ነገር ግን በ Tailwind በኩል ለምሳሌ ለስላሳ CSS ክፍል ይጠቀሙ. Cursor should not use inline CSS styles አንድ ፕሮጀክቱ ውስጥ እኔ ይህን ያውቃል. ውጤታማነት, የ styling logic በኮምፒውተር ውስጥ ከሁለት ክፍሎች ላይ ይሰጣል, እና ከዚያ በኋላ መቁረጥ ከባድ ነበር. የ Authentication ላይ አንድ አስፈላጊ ትዕዛዝ: If you plan to use Supabase, specify that , not by the default Supabase authentication system. JWT tokens should be generated by your application If you’re new to authentication systems, this may sound strange. But this small detail can prevent serious problems later, especially when users sign in through . Safari on iPhone የ Authentication ላይ አንድ አስፈላጊ ትዕዛዝ: If you plan to use Supabase, specificate that JWT tokens should be generated by your application, not by the default Supabase authentication system. ነገር ግን ይህ አነስተኛ ዝርዝር በአጠቃቀም ተጠቃሚዎች በ iPhone ላይ በ Safari በመጠቀም መውሰድ ጊዜ, በአጠቃቀም ቀዳሚ ችግር ለመከላከል ይችላሉ. የምስክር ወረቀት (እኔ ሁለተኛ ፕሮጀክት ከ) ይህ ይበልጥ ትክክለኛነት ለማግኘት, ይህ ሂደት ለሁለተኛው ፕሮጀክቱ እንዴት ይሰራል, ያውቃል. " አግኙን ግምገማ ግምገማ የመጀመሪያው ፍጥነት እዚህ የመጀመሪያው ትዕዛዝ ነው, ይህም መተግበሪያ ይጀምራል. ከሁለቱም ዓመታት ያህል እኔ አንድ ዲጂታል ማኔጅመንት ለመፍጠር አግኝቷል. ይህ አንድ ቡድን ተጠቃሚዎች ንድፍ ካርዶች, ሌሎች ቦታዎች, እና ሌሎች ሰዎች ምልክቶች - ለምሳሌ ፎቶዎች ወይም አስተያየቶች - ለመፍጠር አንድ ፓነል ሊሆን ይችላል. እርስዎ እንደወረድን ነገር ሊሆን ይችላል, ምክንያቱም እንደዚህ ነገር አይሆንም. ለምሳሌ, አንድ ሰው አንድ ሕንፃ ሰው ለማምረት ምን ይሆናል? ወይም ማይክሌን ጃክሰን እንደ አንድ ሰው ለማምረት ምን ይሆናል - ይህ ስም በመጠቀም ጋር የተወሰነ የግል ችግሮች ሊሆን ይችላል? በቴክኒካዊ ደረጃ, እኔ መኖሪያዎች የሚመሠረተ አንድ isometric ካርታ ጋር አንድ ድር ጣቢያ እንደ ያውቃል. Ideally we should find a good engine instead of building everything from zero. ከሁለቱም ዓመታት ያህል እኔ አንድ ዲጂታል ማኔጅመንት ለመፍጠር አግኝቷል. ይህ አንድ ቡድን ተጠቃሚዎች ንድፍ ካርዶች, ሌሎች ቦታዎች, እና ሌሎች ሰዎች ምልክቶች - ለምሳሌ ፎቶዎች ወይም አስተያየቶች - ለመፍጠር አንድ ፓነል ሊሆን ይችላል. እርስዎ እንደወረድን ነገር ሊሆን ይችላል, ምክንያቱም እንደዚህ ነገር አይሆንም. ለምሳሌ, አንድ ሰው አንድ ሕንፃ ሰው ለማምረት ምን ይሆናል? ወይም ማይክሌን ጃክሰን እንደ አንድ ሰው ለማምረት ምን ይሆናል - ይህ ስም በመጠቀም ጋር የተወሰነ የግል ችግሮች ሊሆን ይችላል? በቴክኒካዊ ደረጃ, እኔ መኖሪያዎች የሚመሠረተ አንድ isometric ካርታ ጋር አንድ ድር ጣቢያ እንደ ያውቃል. የ Isometric ካርዶች Ideally we should find a good engine instead of building everything from zero. በዚህ ጊዜ, የኮምፒውተር ምንም የቴክኒካዊ አይደለም. ይህ ብቻ አንድ መጀመር ነጥብ ነበር. የ ChatGPT መልስ (መቀነስ) የዲጂታል ትዕዛዞች ስሜት አስደናቂ ነው, ምክንያቱም ይህ ብቻ ሌላ የግል አውታረ መረብ አይደለም. የእርስዎ የዲጂታል ትዕዛዞች ስሜት ስሜት ስሜት ይመጣል, ሰዎች በይነገጽ እንቅስቃሴዎች: ጉዞዎች, አስተያየት, አቅርቦት. የእርስዎን ታውቃለህ የፀሐይ ጥያቄ – አንድ ሕይወት ሰው ለማምረት – ሊሆን ይችላል. አንዳንድ मामलों ውስጥ ይህ ምልክት ወይም ታዋቂነት ጥቅል ሊሆን ይችላል. ነገር ግን, ፕላስቲክዎች አብዛኛውን ጊዜ ይህ ምርት ዲዛይን በመጠቀም, ሙሉ በሙሉ መከላከያ በኩል አይደለም. ለምሳሌ: — ግምገማዎች እና መውሰድ ስርዓቶች — ተጠቃሚዎች የተፈጥሮ ይዘት ለ ቀላል መስፈርቶች — ማምረቻዎች አሲምቦሊክ ስቴትሎች, በሞት ላይ እውነተኛ ግምገማዎች አይሆንም በቴክኒካዊ ደረጃ, በድር ላይ አንድ isometric ካርድ ለማግኘት በአሁኑ የ rendering framework በመጠቀም የተሻለ ነው. ለ ፈጣን የፕሮቶፕዎች, ጥሩ አማራጮች ያካትታል: — Interactive Tile-based scenes ለ Phaser—PixiJS ለ ተስማሚ የድር ግምገማዎች እና የ UI መዋቅር አንተ ከዚያም እውነተኛ 3D ትዕዛዞች ይፈልጋሉ ከሆነ, Three.js ወደ ሊሆን ይችላል, ነገር ግን ለ MVP የ 2D ቲል ላይ የተመሠረተ መተግበሪያ በአብዛኛው ጊዜ በጣም ፈጣን ነው. የዲጂታል ትዕዛዞች ስሜት አስደናቂ ነው, ምክንያቱም ይህ ብቻ ሌላ የግል አውታረ መረብ አይደለም. የእርስዎ የዲጂታል ትዕዛዞች ስሜት ስሜት ስሜት ይመጣል, ሰዎች በይነገጽ እንቅስቃሴዎች: ጉዞዎች, አስተያየት, አቅርቦት. የዲጂታል አጠቃቀም ቦታ የእርስዎን ታውቃለህ የፀሐይ ጥያቄ – አንድ ሕይወት ሰው ለማምረት – ሊሆን ይችላል. አንዳንድ मामलों ውስጥ ይህ ምልክት ወይም ታዋቂነት ጥቅል ሊሆን ይችላል. ነገር ግን, ፕላስቲክዎች አብዛኛውን ጊዜ ይህ ምርት ዲዛይን በመጠቀም, ሙሉ በሙሉ መከላከያ በኩል አይደለም. ለምሳሌ: የምርት ዲዛይን — ግምገማዎች እና መውሰድ ስርዓቶች — ተጠቃሚዎች የተፈጥሮ ይዘት ለ ቀላል መስፈርቶች — ማምረቻዎች አሲምቦሊክ ስቴትሎች, በሞት ላይ እውነተኛ ግምገማዎች አይሆንም የኮምፒውተር ቦታዎች በቴክኒካዊ ደረጃ, በድር ላይ አንድ isometric ካርድ ለማግኘት በአሁኑ የ rendering framework በመጠቀም የተሻለ ነው. ለ ፈጣን የፕሮቶፕዎች, ጥሩ አማራጮች ያካትታል: — Interactive Tile-based scenes ለ Phaser—PixiJS ለ ተስማሚ የድር ግምገማዎች እና የ UI መዋቅር የ phaser ፎቶዎች አንተ ከዚያም እውነተኛ 3D ትዕዛዞች ይፈልጋሉ ከሆነ, Three.js ወደ ሊሆን ይችላል, ነገር ግን ለ MVP የ 2D ቲል ላይ የተመሠረተ መተግበሪያ በአብዛኛው ጊዜ በጣም ፈጣን ነው. የ 3 .js ከዚያም ልውውውጥ ይጀምራል. የእርስዎን ቀዳሚ መልዕክት የ 3D ስሜት በጣም ጥሩ ነው. አንድ ደረጃ ላይ, ተጠቃሚዎች አንድ ካርታ ለመፍጠር ይሆናል: እነርሱ አንድ መስመር እንደ መጠን ይምረጡ እና አንድ የቪዛ መተግበሪያ በመጠቀም መድሃኒት ጋር መጋቢት, መንገድ, እና ሌሎች ክፍሎች ጋር ይሸፍናል. አንድ ሌሎች ደረጃ ላይ, ተጠቃሚዎች እንደ 1, 2 ወይም 4 እንደ የተለያዩ ቁጥር ካሬዎች ሊሆን ይችላል መዋቅር ይጫወታሉ. በተጨማሪም የ 3 ኛው ዓይነት ተጠቃሚዎች አሉ: እነርሱም ካርዶች ወይም ማምረቻዎች መፍጠር አይችልም, እነርሱም ቀጥተኛ ነገር እንደ ቀለም እንደ አቅርቦት ይሰጣሉ. እያንዳንዱ ካርዶች እያንዳንዱ ልዩ URL አለባቸው. የ 3D ስሜት በጣም ጥሩ ነው. ፎቶ 3D አንድ ደረጃ ላይ, ተጠቃሚዎች አንድ ካርታ ለመፍጠር ይሆናል: እነርሱ አንድ መስመር እንደ መጠን ይምረጡ እና አንድ የቪዛ መተግበሪያ በመጠቀም መድሃኒት ጋር መጋቢት, መንገድ, እና ሌሎች ክፍሎች ጋር ይሸፍናል. አንድ ሌሎች ደረጃ ላይ, ተጠቃሚዎች እንደ 1, 2 ወይም 4 እንደ የተለያዩ ቁጥር ካሬዎች ሊሆን ይችላል መዋቅር ይጫወታሉ. በተጨማሪም የ 3 ኛው ዓይነት ተጠቃሚዎች አሉ: እነርሱም ካርዶች ወይም ማምረቻዎች መፍጠር አይችልም, እነርሱም ቀጥተኛ ነገር እንደ ቀለም እንደ አቅርቦት ይሰጣሉ. እያንዳንዱ ካርዶች እያንዳንዱ ልዩ URL አለባቸው. ለምሳሌ, ማንኛውም ሰው በገጽ ውስጥ አንድ መኖሪያ ቤት ያግኙ ከሆነ, በገጽ መኖሪያ ቤት ጋር የሽያጭ ከ 20% ይሰጣል. ማንኛውም ሞዴል ላይ ቀዝቃዛዎች ይሰጣል ከሆነ, የ 20 % ወደ ሞዴል አግኝተዋል እና ሌሎች 20 % ወደ ካርድ አግኝተዋል. ለምሳሌ, ማንኛውም ሰው በገጽ ውስጥ አንድ መኖሪያ ቤት ያግኙ ከሆነ, በገጽ መኖሪያ ቤት ጋር የሽያጭ ከ 20% ይሰጣል. ማንኛውም ሞዴል ላይ ቀዝቃዛዎች ይሰጣል ከሆነ, የ 20 % ወደ ሞዴል አግኝተዋል እና ሌሎች 20 % ወደ ካርድ አግኝተዋል. በ Next.js + Supabase ላይ የፕሮጀክት ለመፍጠር ይሆናል. የ pseudo-3D መሣሪያ ማን ይሆናል? በ Next.js + Supabase ላይ የፕሮጀክት ለመፍጠር ይሆናል. የ pseudo-3D መሣሪያ ማን ይሆናል? Next.js + ግምገማዎች አሁን የቴክኒክ ዝርዝርን ያካትታሉ, ሁሉም ነገር አንድ የክፍያ ውስጥ ያካትታሉ, እና ችግር እና የምርት ያካትታሉ አንድ መጀመሪያ ያካትታሉ. አሁን የቴክኒክ ዝርዝርን ያካትታሉ, ሁሉም ነገር አንድ የክፍያ ውስጥ ያካትታሉ, እና ችግር እና የምርት ያካትታሉ አንድ መጀመሪያ ያካትታሉ. Markdown (.md) File with the Spec የቴክኒክ ባህሪያት ከሁለቱም ጓደኝነት በኋላ ተስማሚ ነበር. በተጨማሪም ለእናንተ ተመሳሳይ ይሆናል. በ Markdown ቅርጸት የተፈጠረ መጨረሻ spec ለማግኘት እባክዎ ያረጋግጡ እና አንድ የቴክኒክ ፋይሎች ውስጥ መክተዋል. ወይም እባክዎ አንድ መሣሪያ ለመፍጠር እርስዎ ይህ ፋይሎችን በቀላሉ ይጠቀማል. .md ነገር ግን በቀላሉ ወደ Cursor መተግበሪያ ለመውሰድ, እርስዎ ይህን ይጠይቃል: የእርስዎን ምርታማ ምርት ምንድን ክፍሎች በጣም አስፈላጊ ነው, ወይም በጣም ታዋቂ ነው? ይህ አስፈላጊ ነው, ምክንያቱም ለ Cursor የመጀመሪያው ትዕዛዞች የቴክኒካዊ ስኬት ከሌሎች ሊሆን ይችላል. እኔም ይህ ክፍል ነው ስለዚህ እኔ የመጀመሪያው ነገር ብቻ ለመፍጠር ይፈልጋል (ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ). map editor mechanics በ ChatGPT ወደ የ Final Prompt ለ Cursor አንድ ትዕዛዞች ያድርጉ, ይህም ዋና መተግበሪያ የካርታ መተግበሪያ ለመፍጠር ነው. በአሁኑ ጊዜ የካርታ ማረጋገጫ ወይም Supabase አይሆንም. የካርታ አሁን ማከማቻ አይችልም ቢሆንም, ይህ ቀላል ነው. የክፍያ መሣሪያዎች የክፍያ መሣሪያዎች እና የክፍያ መሣሪያዎች እና የክፍያ መሣሪያዎች እና የክፍያ መሣሪያዎች በክፍያ መሣሪያዎች እና የክፍያ መሣሪያዎች እና የክፍያ መሣሪያዎች በክፍያ መሣሪያዎች እና የክፍያ መሣሪያዎች በክፍያ መሣሪያዎች እና የክፍያ መሣሪያዎች በክፍያ መሣሪያዎች እና የክፍያ መሣሪያዎች በክፍያ መሣሪያዎች እና የክፍያ መሣሪያዎች በክፍያ መሣሪያዎች በክፍያ መሣሪያዎች በክፍያ መሣሪያዎች በክፍያ መሣሪያዎች በክፍያ መሣሪያዎች በክፍያ መሣሪያዎች በክፍያ መሣሪያዎች በክፍያ መ ለ Cursor አንድ ትዕዛዞች ያድርጉ, ይህም ዋና መተግበሪያ የካርታ መተግበሪያ ለመፍጠር ነው. በአሁኑ ጊዜ የካርታ ማረጋገጫ ወይም Supabase አይሆንም. የካርታ አሁን ማከማቻ አይችልም ቢሆንም, ይህ ቀላል ነው. ፎቶ መጻፍ የክፍያ መሣሪያዎች የክፍያ መሣሪያዎች እና የክፍያ መሣሪያዎች እና የክፍያ መሣሪያዎች እና የክፍያ መሣሪያዎች በክፍያ መሣሪያዎች እና የክፍያ መሣሪያዎች እና የክፍያ መሣሪያዎች በክፍያ መሣሪያዎች እና የክፍያ መሣሪያዎች በክፍያ መሣሪያዎች እና የክፍያ መሣሪያዎች በክፍያ መሣሪያዎች እና የክፍያ መሣሪያዎች በክፍያ መሣሪያዎች እና የክፍያ መሣሪያዎች በክፍያ መሣሪያዎች በክፍያ መሣሪያዎች በክፍያ መሣሪያዎች በክፍያ መሣሪያዎች በክፍያ መሣሪያዎች በክፍያ መሣሪያዎች በክፍያ መሣሪያዎች በክፍያ መ የ ChatGPT መልስ ዝቅተኛ ነው ይህም በ Cursor ውስጥ የሥራ የፕሮቶፒት ማምረት ነበር. final instruction እርስዎ የ Frontend / Game Engineer ይሆናል. እኛ ብቻ የካርታ መተግበሪያ (isometric pseudo-3D) አንድ የፕሮቶቶፒት መፍጠር ይሆናል, የኮር መተግበሪያ ሜካኒካዊን ለማየት. ጠንካራ መስፈርቶች ምንም ትክክለኛነት. ምንም Supabase, database, Stripe, ወይም ማንኛውም backend ክፍሎች. ምንም ተጨማሪ ምርቶች ፎቶዎች. መጨረሻው ብቻ የካርፖች, ፎቶዎች, እና የማምረቻ ቦታዎችን መተግበሪያ ላይ ተስማሚ ሜካኒካል ነው. ምርት ቅርጸት ይህ አንድ ራስ-መደበኛ React ክፍሎች (React + TypeScript) እንደ መተግበሪያ ይሰራል, ይህም ከዚያም Next.js መተግበሪያ ውስጥ መተግበሪያ ሊሆን ይችላል. ይህ ክፍሎች አለባቸው: *— ይጠበቅ **local state*— አንድ የግል API (props / callbacks) ይሰጣል ቴክኖሎጂዎች — React + TypeScript— PixiJS + pixi-viewport የኮር ምርት ሞዴል (እነርሱ በጣም አስፈላጊ ነው) አንድ ካርዶች ለመፍጠር ጊዜ, ባለቤት SLOTS ያካትታል - ከሌሎች ተጠቃሚዎች ከዚያም መኖሪያዎችን ለመፍጠር ይችላሉ ላይ የቁማር ላይ የቁማር አካባቢዎች. በዚህ የፕሮቶቶፕ ውስጥ እኛ ሁለቱም መተግበሪያዎችን ይጠቀማሉ: — የቁማር መተግበሪያ — መኖሪያ ቤት ሁሉም መረጃ በአካባቢው ላይ ማከማቻ ነው. መኖሪያ ቤት (In Memory) NxM ፎቶዎች (በባድ, መንገድ) የቁማር — የ x, y, w, hkind: monumentid እንደ የተመሠረተ የቁማር Monument ብቻ አንድ SlotProperties ያካትታል: መጠን(1x1x1x2x2x2x2)ስሎታአይድሮታሽን(የተግበሪያ)id የፕሮቶቲፕ ተግባራዊነት (Editor MVP) አንድ NxM ካርታ (የመቀድ: 20 × 20). Isometric ፕሮጀክሽን. ካሜራ መቆጣጠሪያዎች: — ፓን (የዘርግ)— ዞም (3 የተመሠረተ ዞም ደረጃዎች) መሣሪያዎች — ቀለም ጫማ — ቀለም ጫማ — ጫማ መሣሪያ (መፍጠር / መቁረጥ ጫማ, ቀለም መጠን: 1x1, 1x2, 2x2) — ጫማ ጫማ (እነዚህ ጫማዎች ብቻ ተስማሚ ጫማ ላይ ይገኛሉ) — ጫማ ጫማ (እነዚህ ጫማ ወይም ጫማ በኮርሰር ዝርዝር ላይ ያካትታል) ግዴታዎች — ጫማዎች መሸጥ አይችልም ጫማዎች መሸጥ አይችልም ጫማዎች መሸጥ አይችልም ጫማዎች መሸጥ አይችልም ጫማዎች መሸጥ አይችልም ጫማዎች መሸጥ አይችልም ጫማዎች መሸጥ አይችልም ጫማዎች መሸጥ አይችልም ጫማዎች መሸጥ አይችልም ምርጫ አንድ ቅርንጫፍ ወይም ቅርንጫፍ ላይ ጠቅ ያድርጉ, ይህ ይምረጡ (ኤምኤምኤምኤምኤምኤምኤም) አንድ አነስተኛ መረጃ ፓነል (የ React div) በቀዳሚ ላይ ይመልከቱ: — ዓይነት — ፎቶዎች — መጠን — ID ውጭ / ውጭ ሁኔታ (JSON, In-Memory) JSON Export Button → በአሁኑ ሁኔታ ወደ textarea ወደ ውጭ ያደርጋል. የ JSON → መውሰድ ግምገማ ከ textarea ነው. ዝርዝር ከላይ ወይም ከባድ ላይ መሣሪያ መስመር ያካትታል: — መሣሪያ ምርጫ— ስሌት መጠን Selector (1×1 / 1×2 / 2×2)— Export / Import button የኮርሰር ሞዴል ቀላል ሊያዙ ይችላል (አሁኑ መሣሪያን ያካትታል መለያ) መዋቅር መስፈርቶች (ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ) ከ renderer (Pixi layers) ከ ልዩ ሞዴል (grid / slots / monuments). የ Pixi መተግበሪያ እና viewport ብቻ አንድ ጊዜ ለመፍጠር. እያንዳንዱ ስቴትስ ልኬት ላይ እነሱን ለመፍጠር አይችሉም. ለስላሳ መሣሪያዎችን በመጠቀም: — app — remove listeners — cancell animation frames — መተግበሪያዎችን መቁረጥ የ Pixi Objects በ React ሁኔታ ውስጥ መክፈት አይችሉም. የ container resize በ ResizeObserver ይጠቀሙ. አንድ ጊዜ ወደ viewport/stage ወደ pointer events ያካትታሉ, እና ወደ unmount ያውቃሉ. ለ isometric rendering (በ x + y ወይም y ለምሳሌ) በይነገጽ ቁጥጥር ይጠቀማል. መግቢያ በመጀመሪያ, አንድ ዝቅተኛ ፋይል መዋቅር ያቀርባል: መኖሪያ ቤት / መኖሪያ ቤት / መኖሪያ ቤት / መኖሪያ ቤት ከዚያም አንድ ዝቅተኛ የሥራ የፕሮቶቶፕ (TypeScript) መተግበሪያ ያደርጋል, ስለዚህ የኮምፒውተርን በክፍል React / Next.js ፕሮጀክት ውስጥ ሊሸፍ ይችላል, እና በቀላሉ መተግበሪያን ይሰራል. በመጨረሻ ላይ አንድ ጥቁር ዝርዝር ያካትታሉ “የተጨማሪ ማሻሻል ነገሮች” (ገደማ 8 ንጥሎች). ከላይ የተመሠረተ ምንም ነገር ያካትታሉ. እርስዎ የ Frontend / Game Engineer ይሆናል. Senior Frontend / ጨዋታ መሐንዲሶች እኛ ብቻ የካርታ መተግበሪያ (isometric pseudo-3D) አንድ የፕሮቶቶፒት መፍጠር ይሆናል, የኮር መተግበሪያ ሜካኒካዊን ለማየት. ብቻ የካርታ መተግበሪያ የፕሮቶፒት ጠንካራ መስፈርቶች ጠንካራ መስፈርቶች ምንም ትክክለኛነት. ምንም Supabase, database, Stripe, ወይም ማንኛውም backend ክፍሎች. ምንም ተጨማሪ ምርቶች ፎቶዎች. መጨረሻው ብቻ የካርፖች, ፎቶዎች, እና የማምረቻ ቦታዎችን መተግበሪያ ላይ ተስማሚ ሜካኒካል ነው. ምርት ቅርጸት ምርት ቅርጸት ይህ አንድ ራስ-መደበኛ React ክፍሎች (React + TypeScript) እንደ መተግበሪያ ይሰራል, ይህም ከዚያም Next.js መተግበሪያ ውስጥ መተግበሪያ ሊሆን ይችላል. አጠቃቀም ክፍሎች React ይህ ክፍሎች አለባቸው: *— ይጠበቃል ** በአካባቢው ሁኔታ * — አንድ የግል API (props / callbacks) ይሰጣል አግኝቷል ቴክኖሎጂዎች ቴክኖሎጂዎች — React + TypeScript— PixiJS + pixi-viewport የኮር ምርት ሞዴል (እነርሱ በጣም አስፈላጊ ነው) የኮር ምርት ሞዴል (እነርሱ በጣም አስፈላጊ ነው) አንድ ካርዶች ለመፍጠር ጊዜ, ባለቤት SLOTS ያካትታል - ከሌሎች ተጠቃሚዎች ከዚያም መኖሪያዎችን ለመፍጠር ይችላሉ ላይ የቁማር ላይ የቁማር አካባቢዎች. የቁማር በዚህ የፕሮቶቶፕ ውስጥ እኛ ሁለቱም መተግበሪያዎችን ይጠቀማሉ: በዚህ የፕሮቶቶፕ ውስጥ እኛ ሁለቱም መተግበሪያዎችን ይጠቀማሉ: — የቁማር መተግበሪያ — መኖሪያ ቤት ሁሉም መረጃ በአካባቢው ላይ ማከማቻ ነው. መኖሪያ ቤት (In Memory) መኖሪያ ቤት (In Memory) NxM ፎቶዎች (በባድ, መንገድ) Slot — Rectangle defined as (የተነጻሚ) x, y, w, h kind: monument id Monument ብቻ አንድ SlotProperties ያካትታል: መጠን(1x1x1x2x2x2x2)ስሎታአይድሮታሽን(የተግበሪያ)id የፕሮቶቲፕ ተግባራዊነት (Editor MVP) የፕሮቶቲፕ ተግባራዊነት (Editor MVP) አንድ NxM ካርታ (የመቀድ: 20 × 20). Isometric ፕሮጀክሽን. 20 × 20 ካሜራ መቆጣጠሪያዎች: ካሜራ መቆጣጠሪያዎች: — ፓን (የዘርግ)— ዞም (3 የተመሠረተ ዞም ደረጃዎች) መሣሪያዎች መሣሪያዎች — ቀለም ጫማ — ቀለም ጫማ — ጫማ መሣሪያ (መፍጠር / መቁረጥ ጫማ, ቀለም መጠን: 1x1, 1x2, 2x2) — ጫማ ጫማ (እነዚህ ጫማዎች ብቻ ተስማሚ ጫማ ላይ ይገኛሉ) — ጫማ ጫማ (እነዚህ ጫማ ወይም ጫማ በኮርሰር ዝርዝር ላይ ያካትታል) ግዴታዎች ግዴታዎች — ጫማዎች መሸጥ አይችልም ጫማዎች መሸጥ አይችልም ጫማዎች መሸጥ አይችልም ጫማዎች መሸጥ አይችልም ጫማዎች መሸጥ አይችልም ጫማዎች መሸጥ አይችልም ጫማዎች መሸጥ አይችልም ጫማዎች መሸጥ አይችልም ጫማዎች መሸጥ አይችልም ነጻ መጠን ተስማሚ slot ምርጫ ምርጫ አንድ ቅርንጫፍ ወይም ቅርንጫፍ ላይ ጠቅ ያድርጉ, ይህ ይምረጡ (ኤምኤምኤምኤምኤምኤምኤም) አንድ አነስተኛ መረጃ ፓነል (የ React div) በቀዳሚ ላይ ይመልከቱ: — ዓይነት — ፎቶዎች — መጠን — ID ውጭ / ውጭ ሁኔታ (JSON, In-Memory) ውጭ / ውጭ ሁኔታ (JSON, In-Memory) JSON Export Button → በአሁኑ ሁኔታ ወደ textarea ወደ ውጭ ያደርጋል. JSON መተግበሪያ የ JSON → መውሰድ ግምገማ ከ textarea ነው. JSON መውሰድ ዝርዝር ዝርዝር ከላይ ወይም ከባድ ላይ መሣሪያ መስመር ያካትታል: — መሣሪያ ምርጫ— ስሌት መጠን Selector (1×1 / 1×2 / 2×2)— Export / Import button የኮርሰር ሞዴል ቀላል ሊያዙ ይችላል (አሁኑ መሣሪያን ያካትታል መለያ) መዋቅር መስፈርቶች (ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ) መዋቅር መስፈርቶች (ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ-ወደ) ከ renderer (Pixi layers) ከ ልዩ ሞዴል (grid / slots / monuments). ሞዴል ጓደኛ የ Pixi መተግበሪያ እና viewport ብቻ አንድ ጊዜ ለመፍጠር. እያንዳንዱ ስቴትስ ልኬት ላይ እነሱን ለመፍጠር አይችሉም. Pixi መተግበሪያ እና viewport ብቻ አንድ ጊዜ ለስላሳ መቁረጥ: አጠቃቀም useEffect — app — remove listeners — cancell animation frames — መተግበሪያዎችን መቁረጥ የ Pixi Objects በ React ሁኔታ ውስጥ መክፈት አይችሉም. አግኙን የ container resize በ ResizeObserver ይጠቀሙ. አግኝተዋል አንድ ጊዜ ወደ viewport/stage ወደ pointer events ያካትታሉ, እና ወደ unmount ያውቃሉ. አንድ ጊዜ ለ isometric rendering (በ x + y ወይም y ለምሳሌ) በይነገጽ ቁጥጥር ይጠቀማል. ጥንካሬ ጥንካሬ መግቢያ መግቢያ በመጀመሪያ, አንድ ዝቅተኛ ፋይል መዋቅር ያቀርባል: mapEditor.tsx model.ts isoMath.ts render.ts ከዚያም አንድ ዝቅተኛ የሥራ የፕሮቶቶፕ (TypeScript) መተግበሪያ ያደርጋል, ስለዚህ የኮምፒውተርን በክፍል React / Next.js ፕሮጀክት ውስጥ ሊሸፍ ይችላል, እና በቀላሉ መተግበሪያን ይሰራል. Minimum Working Prototype (TypeScript) በይነገጽ በመጨረሻ ላይ አንድ ጥቁር ዝርዝር ያካትታሉ “የተጨማሪ ማሻሻል ነገሮች” (ገደማ 8 ንጥሎች). “ወደ ይበልጥ የተሻለ ነገር” ከላይ የተመሠረተ ምንም ነገር ያካትታሉ. ከላይ የተመሠረተ ምንም ነገር ያካትታሉ. ቀጣይ ደረጃ ወደ ቀጣይ ደረጃ መውሰድ አይችልም አሁን የእርስዎን ግምገማን ያውቃል. የእርስዎን ልምድ ላይ, በተጨማሪም ትክክለኛነት ላይ ይመዝገቡ — ምርት ዝቅተኛ ስሪት, ይህም ተጠቃሚው ምርት ምን ነው እና ምርት ምን ዋና ችግር ያከናወታል ያውቃል. MVP የእኔ ሕይወት ውስጥ ሁለት አስደናቂ startups በእርግጥ ከዲሞዎች ብቻ አይደለም, ብቻ ቀላል ማተሚያዎች. ዛሬ, AI መሣሪያዎች ብቻ እኛን ለመፍጠር ያደርጋል , እና በእርግጥ ትክክለኛ የሽያጭ ላይ ይበልጥ ፈጣን ይሞክሩ. real products instead of demos በተጨማሪም የእርስዎን ምርት ብቻ አይደለም, ነገር ግን . path to market የእኔ ፕሮጀክቶች ብዙውንም ትክክለኛውን ደረጃ ላይ ተመሠረተ ነበር, እና እኔ የተሻለ መልስ አይችልም. ጥያቄዎች go-to-market ስለዚህ, ኮድ መጻፍ በፊት, ሁለት ነገሮች ይሰጣሉ: ምርት ምን ነው የመጀመሪያው ተጠቃሚዎን እንዴት ማግኘት ይችላሉ? መጨረሻው, አንተ አለብዎት ጽሑፎች two ሁለት የመጀመሪያው ነው የ በ Markdown (.md) ፋይሎች ቅርጸት ይህ ሰነድ የፕሮጀክት ሮድ ውስጥ ይኖራቸዋል እና በፕሮጀክት ልማት ወቅት በኤም.ኤ.ኤም. በመተግበሪያ እና ማሻሻል ይሆናል. full technical specification ሁለተኛው ነው የ — የእርስዎን የመጀመሪያው ሥራ እንደ ወደ Cursor ይሰጣል. እና ይህ ብቻ መጀመሪያ ይሆናል. ልማት ልምድ እንደ, እርስዎ መጨረሻ ላይ መጻፍ ይሆናል. . first working prompt hundreds of prompts like this ቀጣይ ቀጣይ ጽሑፍ ውስጥ (እኛ መጨረሻም ይሆናል) በቴክኒካዊ ክፍሎች ላይ ይጎብኙ: Cursor መጫን እና የመጀመሪያው እውነተኛ የሥራ ኮድ ለመፍጠር. ነገር ግን ይህ ሁሉ ሁለቱም ይሆናል . very exciting and a little chaotic