Cursor ny nofy, ampahany 1: Ahoana ny fomba hifindra avy amin'ny hevitra vokatra ho amin'ny fanontaniana voalohany

Ho an'iza ity lahatsoratra ity? Ireo mpamorona izay matetika miankina amin'ny ekipan'ny fampandrosoana, fa ny fitaovana na ny teti-bola amin'izao fotoana izao dia nanery ny tetikasa sasany mba nipetraka tao amin'ny lamba nandritra ny taona maro. Ireo mpikaroka izay tsy mahatoky ny famoahana ny dikan'ny vokatra voalohany ary tsy manana ny teti-bola mba hiasa mpamorona. Ny start-ups izay mipetraka dia miezaka hanangona dingana fotsiny mba hanorina prototype na MVP. Inona no mahatonga ity fitaovana ity ho hafa? Tsy mpamorona aho, ary manoratra izany amin'ny alàlan'ny mpamaky izay tsy manana toetra ara-teknika (na dia ny fomba fijery ara-teknika dia manampy mazava ho azy). Nandritra ny enim-bolana farany, dia lasa tsy nanoratra code mihitsy aho ka nanorina vokatra roa tanteraka. Mazava ho azy, ny fahatakarako ny code dia nitombo be nandritra izany fotoana izany. Ny tsirairay amin'ireo tolotra ireo dia ahitana tabilao angon-drakitra 30 - 40, manodidina ny 50 singa, ary manodidina ny 100.000 andininy ny code. Ny serivisy voalohany dia mifandray amin'ny OpenAI mba "manao fahatsapana" ny votoaty nateraky ny mpampiasa. dia mampiasa database vektor, embeddings, ary ny asa natao manodidina azy ireo. Ny tolotra faharoa dia ahitana rafitra fitantanana an-tserasera miaraka amin'ny fitantanana boky amin'ny fidirana roa, asa idempotent, ary rafitra fandoavam-bola mifandraika amin'ny fanodinana fandoavam-bola an-tserasera. Tsy miresaka momba ny fomba mahagaga hanangana rindrambaiko aho raha tsy manandrana ny fehezan-dalàna amin'ny ankapobeny, fa ity fitaovana ity dia mampiseho fa azo atao ny mamorona vokatra tena izy raha tsy mandany taona voalohany amin'ny fianarana ny fiteny fandaharana. Mbola mila mijery ny code ianao, indraindray manova azy amin'ny tànana, ary hitandrina ny zavatra - fa afaka manao izany ianao. Introduction Ny fampidirana Ny hevitra momba ny fampandrosoana tanteraka dia tena malaza amin'izao fotoana izao: mamaritra ny vokatra amin'ny lahatsoratra ary mahazo fampiharana miasa. Fa rehefa mamorona vokatra mba hanandrana ny hevitry ny zava-misy, ny fanantenana dia samihafa.Te-hahazo ny UI / UX tsara, ny fahombiazana tsara, ny caching, ny fahaiza-manao, ary ny fahafahana ho an'ny mpamorona tena miasa amin'ity code ity amin'ny ho avy. Araka ny traikefako, na dia modely mahery vaika toy ny Opus aza dia miasa tsara amin'ny logic backend sy ny rafitra banky, fa miady bebe kokoa amin'ny fanorenana frontend izy ireo. Matetika izy ireo dia mamokatra code tsy ilaina, manimba ny rafitra amin'ny singa ratsy, ary manadino ny fahombiazan'ny mpanjifa. Izany no mahatonga ahy tsy mampiasa generators feno automatique. Tsy misy fahagagana eto: raha na dia ny Opus ao anatin'ny Cursor aza dia afaka manelingelina ny frontend, dia hitranga toy izany koa amin'ny vokatra hafa naorina eo an-tampon'ny LLM. Amin'ity karazana ity dia mampiasa fomba hafa aho: IDE miaraka amin'ny mpiara-miasa amin'ny AI. Ny AI dia manampy amin'ny fametrahana code sy ny drafitry ny asa, fa ny rafitra sy ny fanapahan-kevitra fototra dia mitoetra ao anatin'ny fanaraha-maso ny olombelona. Nahoana no nifidy ny Cursor? Tsotra noho ny namaky aho fa naorina teo an-tampon'ny mpamorona VS Code malaza. Niseho toy ny safidy ara-drariny. ho ratsy kokoa; amin'ny fampiharana, ny vokatra dia ho mitovy, satria ny kalitaon'ny vahaolana dia miankina amin'ny ankamaroan'ny modely ampiasaina. Ny herisetra Ny tantara dia nanomboka tamin'ny fahavaratra Rehefa niresaka tamin'ny Ny hevitra izay efa teo amin'ny lohako nandritra ny fotoana Ny a , izay mahazo torohevitra ireo mpampiasa mifototra amin'ny fahasamihafana eo amin'ny valin'izy ireo manokana (trano fisakafoanana, hotely, firenena, tombontsoa, na inona na inona). 2025 DeepSeek 10 years social network of preferences Azonao atao ny mampiasa ny Next.js. Azonao atao ny mampiasa ny Next.js. Azonao atao ny mampiasa ny Next.js. 3 volana taorian'izany, nahita ny tenako aho nanolotra ny vokatra ho an'ny fitantanana ambony ny orinasa lehibe, ary izy ireo no nangataka ahy hanao izany. Ny mahatsikaiky dia fa, na dia 20 taona tao amin'ny IT toy ny mpamorona aza, tsy mbola niseho tamiko taloha izany. Vao haingana kokoa, nanolotra tetikasa iray hafa koa aho mba hanomboka, iray izay efa nipetraka tao amin'ny tahirin-kevitra nandritra ny taona maro.Nandritra izany fotoana izany dia heveriko foana fa ho sarotra sy sarotra ny mamorona, ary ny lohahevitra dia nahatsapa ho sarotra loatra fa tsy te-hampiasa vola tao aminy aho. Amin'ity andian-dahatsoratra ity, dia hizara ny traikefa manontolo aho: fampitandremana tena izy, konfigurations, ary tranga. Fa alohan'ny handeha bebe kokoa isika, dia mila mamaly ny fanontaniana manan-danja indrindra: Tsy tokony hanandrana izany ve ianao? Tsy tokony hanandrana izany ve ianao? Ny valiny fohy - Raha mahatakatra tsara ireo hevitra ireo ianao: yes Ny front-end Ny famerenana Ny tahirin-kevitra Ny rafitra HTML Ny CSS dia Ny fitondran'ny JavaScript Ny fitsipika fototra Raha efa misy dikany ho anao ireo hevitra ireo, aza misalasala ny mandehandeha any amin'ny fizarana "Choosing a Framework". Raha efa misy dikany ho anao ireo hevitra ireo, aza misalasala ny mandehandeha any amin'ny fizarana "Choosing a Framework". Raha toa ka tsy mahazatra ireo teny ireo, dia tsara kokoa ny mandany fotoana Ny zavatra manaraka dia tsy hahatsapa toy ny fikarohana amin'ny media sosialy, fa mieritreritra izany: Ity fitsangatsanganana ity dia namonjy ahy be dia be. Manangona mpanjifa, ary mamorona ekipa. understand them now $300,000 and a couple of years of development Ny frontend dia ny backend. Amin'ny teny tsotra, ny Izany no mahatonga ny mpampiasa hahita: frontend Ny tranonkala ao amin'ny browser Ny fampiasana finday Ny fanitarana ny browser ny fifandraisana izay misy ny mpampiasa tsindrio ny bokotra na mamaky vaovao Ny dia ny ampahany amin'ny rafitra izay mihazakazaka amin'ny servisy any amin'ny aterineto. backend Izany dia mitantana: Ny fanodinana ny tahirin-kevitra Ny fahamarinana Ny fikarohana ara-barotra Ny fifandraisana amin'ny databases Rehefa tsindrio ny bokotra ny mpampiasa, ny frontend dia mandefa fangatahana amin'ny backend. Ny backend dia mandrindra ny fangatahana ary mandefa ny angona. Ny fifandraisana dia toa toy izao manodidina: User → Frontend → Backend → Database → Backend → Frontend → User Amin'ny ankapobeny, ny frontend dia mifandray amin'ny backend amin'ny alalan'ny : adiresy URL manokana izay mandefa fangatahana amin'ny frontend: API routes /api/articles /api/login /api/create-article Rehefa miantso ny iray amin'ireto adiresy ireto ny frontend, ny mpizara dia mihazakazaka ny code ilaina: Jereo ny mpampiasa Mitaky ny angon-drakitra Manao ny angon-drakitra Ary miverina ny vokatra. Ohatra, ny frontend dia mety handefa fangatahana toy izao: GET /api/articles?author_id=535 Ny backend dia mahazo ity fangatahana ity, mahita ny lahatsoratra avy amin'ny banky, ary miverina amin'ny frontend. Inona ny Database? Ny tahiry dia mitahiry ny fampahalalana ampiasain'ny fampiharana. Raha mampiasa Excel na Google Sheets ianao, dia mitovy amin'io hevitra io. Ny latabatra tsirairay dia toy ny tabilao. tables Users Table id name email 1 Alice alice@example.com 2 Jack jack@example.com 1 Ny Alice Sary avy amin'ny alice@example.com 2 Ny Jack Jereo ao amin'ny jack@example.com Articles Table id name email 1 1 First article 2 1 Another article 3 2 Jack's article 1 1 Ny lahatsoratra voalohany 2 1 Ny lahatsoratra hafa 3 2 Ny lahatsoratra nataon'i Jack Amin'ity ohatra ity, ny mpampiasa iray dia afaka mamorona lahatsoratra maro. Ny rafitra tsotra amin'izany no fototry ny ankamaroan'ny rafitra rindrambaiko. ao amin'ny tolotrao dia mety hisy Na izany aza, amin'izao fotoana izao dia toa tsy misy afa-tsy telo. related tables 30–50 tables HTML: Ny famolavolana ny pejy Ny HTML dia mamaritra . what exists on the page Ny lohateny Ny andininy Ny bokotra Ny sary Ny container Ohatra ny Hello This is a paragraph

Ny singa HTML dia mamorona rafitra antsoina hoe . DOM div ├── h1 └── p Ny tranonkala tsirairay ao amin'ny navigateur anao dia fototra lehibe amin'ny singa. CSS: ny fomba fijerin'ny zavatra Raha ny HTML dia mamaritra ny rafitra, . CSS defines appearance Ny loko Ny loharanom-baovao Ny fandehan'ny Ny layout Ny toerana Ohatra ny /* CSS class that defines how the title looks */

.title { color: blue; font-size: 32px; } Ny fampiharana toy izao:

Hello Mifandray amin'ny kilasy maro Ny iray amin'ireo hevitra manan-danja ao amin'ny CSS dia ny hoe ireo singa ireo dia afaka . multiple classes Ohatra ny

Submit Ny kilasy tsirairay dia afaka mifehy ny lafiny samihafa amin'ny styling. /* base button style */ .button { border-radius: 6px; }

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

/* button size */ .button-large { padding: 16px 24px; } Na izany aza, mety ho mampihomehy amin'ny fampiharana lehibe ihany koa izany rehefa manomboka mifandray amin'ny endrika. Nahoana ny tailwind dia manampy Izany no antony mahatonga ny tetikasa maro amin'izao fotoana izao Raha tsy manoratra rakitra CSS lehibe, Tailwind dia mampiasa kilasy utility voafaritra. Tailwind CSS Ohatra ny Submit

Ny kilasy tsirairay dia maneho fitsipika kely iray. Ity fomba ity dia manana tombony mahagaga rehefa miasa amin'ny fitaovana AI toy ny Cursor. . Tailwind layouts much more reliably than traditional CSS Raha tsy manoro hevitra mazava ny Cursor mba hampiasa Tailwind ianao, dia mety hanomboka hampidirana endrika mivantana ao amin'ny singa tsirairay. Raha tsy manoro hevitra mazava ny Cursor mba hampiasa Tailwind ianao, dia mety hanomboka hampidirana endrika mivantana ao amin'ny singa tsirairay. Ohatra ny

Amin'ny voalohany dia miasa izany. Fa avy eo dia mahatsiravina izany, satria ny fanovana ny famolavolana dia mitaky ny fanitsiana tsirairay amin'ny singa. Ny kilasy azo ampiasaina indray dia mamela anao hanova ny famolavolana ny fampiharana manontolo amin'ny fanitsiana vitsivitsy ihany. Ny JavaScript sy ny TypeScript Ny HTML dia mamaritra ny rafitra, ny CSS dia mamaritra ny endrika. JavaScript defines behavior. Tsindrio ny Enter na tsindrio ny sary amin'ny habeny feno Ny JavaScript dia mamela ny interface hamaly ny hetsika mpampiasa. Ohatra ny // when the user clicks the button, show a message

button.addEventListener("click", () => { alert("Hello!"); }); TypeScript dia JavaScript amin'ny ankapobeny miaraka amin'ny fiarovana karazana fanampiny. Ao amin'ny JavaScript // a simple function that adds two numbers

function add(a, b) { return a + b; } Ny fomba fanao: // 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; } Ny ankamaroan'ny fampiharana maoderina dia mampiasa TypeScript satria manakana fahadisoana maro amin'ny rafitra lehibe kokoa. Nahoana isika dia hampiasa ny Next.js Ao amin'ny sisa amin'ity andian-dahatsoratra ity, dia hamoronana ny fampiharana ohatra amin'ny fampiasana Next.js dia rafitra vita amin'ny React. React dia mifantoka amin'ny famoronana interface mpampiasa. Next.js Ny Next.js dia manampy zavatra toy ny: Ny lalana Ny serivisy dia Ny fiaramanidina farany Ny rafitra tetikasa Mamorona fitaovana Tsy ilaina ny mahatakatra ny ankamaroan'ny internals ao amin'ny Next.js ianao, fa manampy anao hahatakatra ny fomba famolavolana ny fampiharana React. Tsy ilaina ny mahatakatra ny ankamaroan'ny internals ao amin'ny Next.js ianao, fa manampy anao hahatakatra ny fomba famolavolana ny fampiharana React. Soa ihany, ny hevitra fototra dia tena tsotra. Tsy ilaina afa-tsy ny mahatakatra zavatra telo: Ny singa Ny Props Ny Mifanohitra amin'ny components React fampiharana no natao avy amin'ny . components Ny component dia ampahany amin'ny interface azo ampiasaina indray. Ny ohatra dia ahitana: Ny bokotra Ny navigation dia Ny blôginao Ny varavarankely Ohatra ny singa: // A simple React component. // It renders a button.

function Button() { return Click me } Amin'izao fotoana izao dia azo ampiasaina any amin'ny toerana rehetra. Ny fampiharana lehibe dia lasa . trees of components Ny Props Props dia entana nalefa ho an'ny singa. Ohatra ny // A simple React component. // It renders a button and shows the text passed in props.label.

function Button(props) { return {props.label} } Ny fampiasana: // The same component can be reused with different labels

Hooks Ny hooks dia mamela ireo singa hamonjy ny toe-javatra ary miantso ny fifandraisana amin'ny mpampiasa. Ohatra ny // 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) Ankehitriny, ny singa dia afaka manatsara ny toe-javatra anatiny. // When the button is clicked, the count increases by 1. // The text updates automatically.

setCount(count + 1)}> Clicked {count} times Ny hooks dia mahatonga ny singa mifandraika. Ny famaritana: 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. Ny famaritana: Raha mbola tsy nahita ireo hevitra ireo ianao, dia fantatro ny fahatsapanao izany. Saingy tsy ilaina ny manatanteraka izany rehetra izany amin'ny ambaratonga matihanina ianao. Tsy ilaina afa-tsy ny mahatakatra ny hevitra fototra. Raha manana hevitra ara-teknika ianao ary afaka mahatakatra ireo hevitra ireo, dia ho mora kokoa ny lalana. Ankoatra ny mangataka ny AI mba hiteraka zavatra, dia ho afaka manoro hevitra tsara ianao. Alohan'ny handeha Ataovy azo antoka fa mahatakatra tsara: Ny frontend dia ny backend. Databases toy ny latabatra Ny rafitra HTML CSS sy ny styling Ny fitondran'ny JavaScript React Components, Props ary hooks Inona ny manaraka? Alohan'ny hidirana amin'ny famaritana ara-teknika ho an'ny vokatrao, hamaly izao: Inona no hampiasanao? Amin'ny voalohany, mety ho toy ny fanapahan-kevitra ara-teknika fotsiny izany. Raha tsy mamaritra izany mialoha ianao, ny AI dia hanomboka manatsara, ary tsy mieritreritra mihitsy aho hoe aiza no mety hitondra izany. Cursor Ity fametrahana ity dia niasa tena tsara ho ahy ary mety hanampy anao hiala amin'ny olana sasantsasany izay nihazakazaka tamin'ny voalohany. Ny fisafidianana ny rafitra Raha manana interface web ny vokatra (izay midika fa ny mpampiasa dia mifandray amin'izany amin'ny alàlan'ny navigateur), dia mila rafitra izay mitantana ny frontend sy ny backend. Ho an'ny tolotra roa izay namorona, nifidy aho Tsy resy lahatra mihitsy aho tamin'io fanapahan-kevitra io. Next.js Tokony hilaza aho fa tsy mbola niara-niasa tamin'ny Next.js aho talohan'io. Nandray anjara tamin'ny zavatra toy ny PHP, Laravel, JavaScript, ary teknolojia mitovy amin'izany aho, fa amin'ity tranga ity dia nanaraka ny toro-hevitra avy amin'ny ChatGPT aho. Ny zava-misy dia: na dia fantatrao aza ny iray hafa, ity dia mety ho fotoana tsara hanandrana zavatra vaovao. The point is: even if you already know another stack, this might be a good opportunity to try something new. Raha mbola lavitra ny fampandrosoana amin'ny ankapobeny ianao, dia mety ho tonga amin'ny fanamby amin'ny fandaharana amin'ny lafiny mpanjifa sy ny fitantanana ny toe-javatra amin'ny fampiharana (izany dia ilaina raha tianao ny manakana tanteraka ny zavatra toy ny famoahana pejy mandritra ny fifandraisana amin'ny mpampiasa amin'ny serivisy). Izany no mahatonga ny traikefa tena hanampy. Raha mbola lavitra ny fampandrosoana amin'ny ankapobeny ianao, dia mety ho tonga amin'ny fanamby amin'ny fandaharana amin'ny lafiny mpanjifa sy ny fitantanana ny toe-javatra amin'ny fampiharana (izany dia ilaina raha tianao ny manakana tanteraka ny zavatra toy ny famoahana pejy mandritra ny fifandraisana amin'ny mpampiasa amin'ny serivisy). Izany no mahatonga ny traikefa tena hanampy. Amin'ny farany, ity karazana fanadiovana ity dia mazava ho azy fa tsy voatery hitondra vokatra ho amin'ny tsena. Raha vao manana mpampiasa sy fidiram-bola ianao, dia afaka mandray mpandrindra frontend ianao mba hanatsarana bebe kokoa ny zavatra. Aiza no mihazakazaka ny mpizara anao? Rehefa voafidy ny sehatra, ny fanontaniana manaraka dia ny hoe aiza ny fampiharana dia tena mihazakazaka. . hosting Vercel Ho an'ny tetikasa voalohany, dia nampiasa . Vercel Izany dia safidy mahazatra rehefa miasa amin'ny Ny fametrahana (mandeha ny fampiharana amin'ny mpizara) dia mitranga avy hatrany rehefa mihazakazaka ianao. . Next.js git push Na izany aza, tamin'ny vanim-potoana, nihaona tamin'ny olana tsy ampoizina aho: ao amin'ny faritra sasany, ny fampiharana dia tsy azo jerena. Noho izany, ny tetikasa voalohany dia mbola tao amin'ny Vercel, fa tamin'ny faharoa dia nanapa-kevitra ny hanandrana zavatra hafa. Fly.io Ho an'ny tetikasa faharoa, niova ho Fly.io. Ny fametrahana izany dia sarotra kokoa noho ny , saingy azo ampiasaina amin'ny automatisation. Amin'ny farany, tena tiako ny Fly.io bebe kokoa. Mahatsiaro ho mora kokoa amin'ny fanitarana raha manomboka mitombo ny tetikasa. Vercel Mahaliana, ny Fly.io dia tsy manana sehatra maimaim-poana, fa raha ny fampiasana isam-bolana dia latsaky ny $ 5, dia tsy mandoa anao na inona na inona. Choosing a Database Manapa-kevitra ny hifidy ny Database Misy fomba roa fototra eto: Ny safidy voalohany dia ny mihazakazaka ny banky manokana ao amin'ny mpizara manokana. Izany dia manome anao ny fanaraha-maso tanteraka ary afaka maimaim-poana tanteraka. Ny safidy faharoa dia ny mampiasa ny Database toy ny serivisy. Ho an'ireo tetikasa roa ireo dia nifidy ny fomba faharoa aho satria te-handeha haingana araka izay azo atao. . Supabase Supabase dia manome ny fitantanana Database miaraka amin'ny fitaovana maro tena ilaina. PostgreSQL Nahoana ny Supabase dia mety Supabase dia manohana ny fitehirizana vektor. Izany dia nanjary zava-dehibe ho an'ny iray amin'ireo tetikasa ahy izay voatahiry ny angon-drakitra ho toy ny embeddings nateraky ny OpenAI embedding-3-small model. Supabase dia ahitana famantarana an-tsambo. Ny mpampiasa dia afaka miditra amin'ny fampiasana mpamatsy toy ny Google, GitHub, mailaka ary mpamatsy hafa. Supabase koa dia manome fametrahana rakitra, izay ahafahan'ny mpampiasa mametraka sary sy fitaovana hafa tsy manorina fitaovana manokana. Ny endri-javatra iray hafa tena mahasoa dia ny fanohanana ny endri-javatra RPC. Ao amin'ny tetikasa faharoa aho dia nitsahatra tanteraka ny mamela ny backend hanontany mivantana ny tabilao database. Fa ny zava-drehetra dia mandeha amin'ny endri-javatra RPC. Supabase koa dia ahitana fitaovana fiarovana mahery vaika toy ny Row Level Security (RLS) politika. Supabase Drawbacks Ny olana voalohany hitako dia mifandray amin'ny rafitra fanamarinana ao amin'ny Google. Amin'ny ankapobeny, ny fidirana amin'ny Google dia mitovy amin'ny mpampiasa izay miditra amin'ny fampiharana amin'ny alalan'ny Safari amin'ny iPhone. Izaho vao nahita izany taorian'ny roa volana ny fampandrosoana, ary amin'ny fampiharana dia tsy azo atao. Ny tsy fahampian'ny faharoa dia ny vidiny. Supabase dia manolotra sehatra maimaim-poana ara-teknika, fa amin'ny fampiharana, dia mety mbola handoa eo amin'ny $ 25-40 isam-bolana ianao, na dia mbola ao amin'ny fampiharana ary tsy misy mpampiasa. Cursor + ChatGPT: Fomba roa samihafa Ary ho ahy, Misy safidy hafa IDE, fa Cursor niasa tsara tamin'ny toe-javatra ahy. Ny fifindrana amin'ny zavatra toy ny VS Code sy ny mifandray amin'ny mpiara-miasa amin'ny AI amin'ny alàlan'ny terminal dia zavatra tsy tiako manokana ny miezaka. Cursor is the primary development environment Ny tsy fahampian'ny Cursor dia Ary . cost frequent updates Amin'ny ankapobeny, ny fandoavam-bola dia tonga Amin'ny vanim-potoana, nianatra aho ny fomba hanara-maso ireo fandaniana ireo. Raha mampiasa modely mahery vaika ianao. $100 per day $300 per month Cursor koa dia manolotra fisoratana anarana fototra ho an'ny manodidina , fa miankina amin'ny modely mora indrindra dia tsy azo atao, ary ny fetra ho an'ny modely voavidy dia kely. $20 Nahoana ny ChatGPT dia tena zava-dehibe Na dia mampiasa Cursor aza aho dia manoro hevitra mafy ny hanana Ny fanambarana. ChatGPT Plus Amin'ny ankapobeny dia toy izao ny fomba fiasan'ny asa: Cursor → manoratra sy manova ny code ChatGPT → miresaka hevitra sy ny fanorenana Ao anatin'ny Cursor, ny modely dia optimized ho an'ny Ankoatra ny Cursor, ny ChatGPT dia mitovy amin'ny mpiara-miasa amin'ny fikarohana. code generation and stability Ny fitsipika tsotra: Aza mangataka amin'ny ChatGPT mba hanoratra ny code famokarana anao Don’t ask ChatGPT to write your production code Ny modely mitovy amin'ny Cursor, na indrindra ny modely toy ny Opus, dia hiteraka code tsara kokoa. Mampiasa ChatGPT ho an'ny Visual Assets Ny fampiasana tsy ampoizina hafa amin'ny ChatGPT dia . image generation Ny tetikasa faharoa dia maneho tontolo iainana endrika: parks nomerika miaraka amin'ny toeram-ponenana, lalana, ary fitaovana mahafinaritra. Izany dia mitaky fitaovana grafika be dia be. Fa tsy mividy fitaovana na manasa mpamorona ho an'ny tsirairay iteration, dia niteraka ny ankamaroan'ny endrika mivantana amin'ny ChatGPT. Satria ny famokarana sary dia tafiditra ao amin'ny ChatGPT Plus, izany dia nahavonjy vola mahagaga nandritra ny fampandrosoana ary tena mora fotsiny. fitaovana famolavolana Ny mpandraharaha maro dia mampiasa Ny famolavolana ny interface alohan'ny hanoratra code. Figma Ny Cursor dia afaka mamorona endrika UI mahasoa amin'ny tenany, ary tsotra fotsiny aho amin'ny fanitsiana azy ireo avy eo. Na izany aza, raha tianao ny mamolavola ny interface voalohany, ny Figma dia mety ho tena mahasoa. Google ihany koa dia manandrana fitaovana izay manova ny endriky ny endrika mivantana amin'ny code. , izay afaka mamorona fampiharana voalohany avy amin'ny famolavolana interface. Google Stitch Amin'ny teoria dia azonao atao ny: Ny famolavolana ny interface ao amin'ny Figma Mamorona templates miaraka amin'ny Stitch Avy eo dia manova ireo templates ireo ho amin'ny components React Ny mailaka sy ny fitaovana madinika Ny ankamaroan'ny fampiharana dia tsy maintsy mandefa mailaka amin'ny farany. Ho an'izany, dia nampiasa tolotra tsotra antsoina hoe . Resend Aorian'izay dia mety ho tianao ihany koa ny mampiasa caching amin'ny fampiasana zavatra toy ny Na izany aza, tamin'ireo tetikasa roa ireo, dia nametraka izany dingana izany aho. Ready ny Ready ny Raha natao tsara ny fanorenana, dia azo atao foana ny fametrahana ny caching amin'ny fotoana manaraka. Raha natao tsara ny fanorenana, dia azo atao foana ny fametrahana ny caching amin'ny fotoana manaraka. Mila dokotera ve ianao? Amin'ireo tetikasa roa ireo dia afaka miasa tanteraka aho raha tsy misy . Ny dokotera Ny dokotera Miaraka amin'ny Fly.io, afaka mampiasa Docker ianao mba hanangana ny tetikasa eo an-toerana eo amin'ny solosainao, fa azonao atao ihany koa ny mamoaka ny rakitra toy izany ary mamela ny fananganana mihazakazaka amin'ny mpizara azy ireo. Ny torohevitra ankapobeny an-tserasera dia ny hanova ny faritra mpizara ao amin'ny fametrahana Fly na mankany amin'ny fametrahana eo an-toerana (izay no mahatonga ny Docker ho mahasoa). Fa namaha izany aho, amin'ny fampiasana anarana manokana ao amin'ny fametrahana Fly, noho izany dia tsy mila manao na inona na inona amin'ireny zavatra ireny aho. Azonao atao ihany koa ny manontany an'i Opus ny fomba hanaovana izany amin'ny ezaka kely indrindra (tsy manova ny mpizara na mametraka Docker). Ny fitaovana dia zava-dehibe mihoatra noho izay eritreretinao Ny fampianarana tsy ampoizina iray dia tsy misy ifandraisany amin'ny programa. Ny fandaharan'ny hardware dia zava-dehibe Your hardware setup matters Ny Cursor dia miasa tsara kokoa rehefa manana toerana ampy amin'ny efijery ianao mba hijery sehatra maromaro amin'ny fotoana samihafa. Amin'ny lafiny ara-teknika dia niasa izany, saingy tsy mahasoa loatra izany. 13-inch tablet Miverina amin'ny a Nandritra izany fotoana izany dia nanatsara mafy ny asa fanatanterahana. 27-inch monitor Ny Cursor dia mety ho tena manan-karena, ka manana solosaina mahery vaika dia manampy mazava ho azy. Ny Cursor dia mety ho tena manan-karena, ka manana solosaina mahery vaika dia manampy mazava ho azy. Ny rafitra miasa Ho an'ny kontekst, dia nandeha io fanandramana io manontolo io . Windows Na izany aza, tsy misy na inona na inona ao amin'ity stack ity izay miankina amin'ny Windows, afa-tsy ny ezaka tsy tapaka amin'ny AI hiteraka baiko amin'ny fampiasana (Izany dia azo ampiharina amin'ny fitsipika vitsivitsy izay hasehoko taty aoriana). && Ny fametrahana dia miasa tsara amin'ny . macOS or Linux Amin'ny ankapobeny dia kely indrindra ny fihenjanana Raha manatsara ny zava-drehetra isika, dia toa toy izao manodidina ny sariko: Sary avy amin'ny Next.js Ny rakitra dia: Supabase Sary avy amin'ny Fly.io Ny tanjon'ny Cursor Chat amin'ny ChatGPT E-mail amin'ny alalan'ny mailaka Ary izany dia hita fa mihoatra noho ny ampy ho an'ny fanorenana . real working products Inona no manaraka Alohan'ny nanoratra code, mila mamaritra mazava tsara ny vokatra. Ny ankamaroan'ny olona mampiasa fitaovana AI dia mivoaka mivantana amin'ny fanodinana. Amin'ny traikefako, izany no fomba haingana indrindra hamoronana rafitra mampiahiahy. Raha mbola tsy nanorina vokatra miaraka amin'ny AI ianao, marina, mankahala anao aho. mbola mahatsiaro ny fahatsapako tamin'ny fahavaratra tamin'ny taona 2025 rehefa nanomboka nianatra tamin'izany aho. Raha mbola tsy nanorina vokatra miaraka amin'ny AI ianao, marina, mankahala anao aho. mbola mahatsiaro ny fahatsapako tamin'ny fahavaratra tamin'ny taona 2025 rehefa nanomboka nianatra tamin'izany aho. Now my advice may sound a bit strange: Atsahatra mandritra ny andro vitsivitsy. Atsahatra mandritra ny andro vitsivitsy. Atsahatra mandritra ny andro vitsivitsy. Manana 3 - 5 andro ary miady amin'ny fanentanana hametraka avy hatrany ny Cursor, Antigravity, na sehatra fampandrosoana AI hafa. Satria ny kalitaon'ny fisainanao amin'ity dingana ity dia hanapaka ny fahasalamana (na ny fahasamihafana) ny herinandro manaraka na volana vitsivitsy amin'ny fampandrosoana. Ny rehetra Afaka mamonjy . 10 minutes of thinking now hours of refactoring later Manomboka amin'ny fifandraisana Amin'ity dingana ity, ny tanjonao dia ny fanamafisana ny hevitrao. Ny fomba tsotra indrindra hanaovana izany dia ny misokatra ChatGPT ary manomboka miresaka momba izany amin'ny fampiasana ny fehezan-teny (tsy ny fomba fihaonana feo feno, fa ny bokotra teny amin'ny teny). Just start talking. For example, explain: Inona no ataon'ny vokatrao Iza no mpampiasa Inona no olana azo vahaolana Inona no ataon'ny mpampiasa Ny tanjona amin'ity fifanakalozan-kevitra ity dia tsy ny famokarana code. Ny tanjona dia ny hahita ny rafitra amin'ny hoavy. Ao anatin'ity fifampiraharahana ity, tokony hilaza amin'ny ChatGPT ihany koa ianao hoe inona ny teknolojia tianao hampiasa. For example: Ny JS Ny soratra Ny fotodrafitrasa Ny rivotra Ary manontany mazava amin'ny ChatGPT Ampahafantaro fa hanoratra ny fehezan-dalàna ianao aoriana ao amin'ny Cursor, fa tianao ny ChatGPT hanoratra ny fomba hanorina ny rafitra. not to generate code Efa nahita olona maromaro aho mandany volana maro manodidina hevitra tsy nanontany ny AI ity fanontaniana tsotra ity. Mieritreritra momba ny angon-drakitra, fa tsy ny efijery ihany Ny ampahany manan-danja indrindra amin'ity dingana ity dia ny famolavolana ny modely angona. Raha tsy mbola niara-niasa tamin'ny angon-drakitra taloha ianao, dia mieritreritra ny rafitra ho toy ny vondrona rakitra Excel. Ask yourself questions like: Azonao atao ve ny mamorona lohahevitra maromaro amin'ny mpampiasa iray? Mifanaraka amin'ny sokajy ve ny zavatra? Azonao atao ve ny ahitana lohahevitra maromaro ao amin'ny sokajy? Misy fifandraisana eo amin'ny zavatra? For example: Ny mpampiasa iray dia maro Ity lahatsoratra ity dia ampahany amin'ny sokajy iray ... na angamba Ity lahatsoratra ity dia ahitana sokajy maro sy tag. ny lahatsoratra → maro ny fanehoan-kevitra izay mametraka ao amin'ny scroll Ny fanehoan-kevitra dia Another important question is Ho mitovy amin'ny rehetra ve ny mpampiasa sasany? na hanana tombontsoa fanampiny? user roles Ny moderatera Ny mpitantana Azonao atao ny manampy anjara amin'ny farany, fa mora kokoa ny manomana azy ireo alohan'ny. Idealy, ny famaritana ara-teknika dia tokony ahitana: ny anaran'ny tabilao (ny lahatsoratra, fanehoan-kevitra, fanehoan-kevitra) ny anaran'ny vavahady (anaran'ny mpampiasa, avatar, bio) Ny fifandraisana eo amin'ny latabatra Na dia mikasa ny hanova ny vokatra tsikelikely aza ianao, ny rafitra mazava avy amin'ny voalohany dia afaka mamonjy anao be dia be ny refactoring aoriana. Ao amin'ireo tetikasa roa ireo, ny angon-drakitra dia nifarana tamin'ny Ity ny rafitra avy amin'ny tetikasa faharoa: 30–40 tables Ny tetikasa dia mety ho tonga amin'ny isa mitovy. Fa ho an'ny fepetra ara-teknika voalohany, na dia Ampy ny 10 core tables Ny asa dia Ny zavatra sarotra indrindra ho an'ny mpikaroka dia matetika Ny fivoriana dia tabilao izay mitahiry asa fa tsy zavatra toy ny mpampiasa na lahatsoratra. Mila fivoriana ianao rehefa mifandray amin'ny serivisy ivelany. job queues Ohatra, mieritreritra ianao fa rehefa namoaka lahatsoratra ny mpampiasa, dia alefaso amin'ny serivisy ivelany ho an'ny fandikan-teny na fanadihadiana. Tsy azonao atao ny manatanteraka izany asa izany avy hatrany mandritra ny famoronana lahatsoratra, ny serivisy ivelany dia mety tsy mahomby na mihazakazaka. Tsy azonao atao ny manatanteraka izany asa izany avy hatrany mandritra ny famoronana lahatsoratra, ny serivisy ivelany dia mety tsy mahomby na mihazakazaka. Ny lahatsoratra dia tsy maintsy naorina avy hatrany (satria miankina amin'ny fangatahanao ihany). Fa angon-drakitra fanampiny dia azo ampidirina avy hatrany amin'ny alalan'ny dingana fototra. For example, your articles table might look like this: 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 Ny JPG Ny lahatsoratra 1 Miarahaba 33 535 Ny JPG Ny lahatsoratra 2 Ny ampahany manaraka Aorian'ny famoronana ny lahatsoratra tsirairay, dia hiditra amin'ny famoahana ny fandikan-teny avy amin'ny serivisy ivelany: id entity_type entity_id status attempts es_text_generated 1 article_text 32 processed 1 Hola 2 article_text 33 pending 0 1 Araka ny lahatsoratra 32 Ny fitsaràna 1 Hola Miarahaba 2 Araka ny lahatsoratra 33 Ny miandry 0 Rehefa mihazakazaka ny asa ao amin'ny andiany, manatsara ny fampahalalana momba ny lahatsoratra ao amin'ny andininy fototra 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 Ny JPG Article 1 Miarahaba Hola Miarahaba 33 535 Ny JPG Ny lahatsoratra 2 Ny ampahany manaraka Ny fiantraikany amin'ny serivisy ivelany ao amin'ny Supabase dia matetika ampiasaina amin'ny . Edge Functions Ao amin'ny Supabase dia misy karazana asa roa samihafa: Ary . RPC Edge Remote Procedure Call Ity fitaovana ity dia manampy amin'ny fametrahana ny fametrahana ny fangatahana ho an'ny solosaina amin'ny alàlan'ny fametrahana ny fangatahan'ny solosaina ( ) ny lahatsoratra rehetra ananan'ny mpampiasa manokana ( Ny : RPC Ny safidy 535 Ny safidy 535 SELECT * FROM articles WHERE author_id = 535; Manoro hevitra mafy aho ny mangataka ny mpiara-miasa amin'ny AI mba hamorona asa toy izao: 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; $$; Avy eo, ao anatin'ny code ny tetikasa, ianao fotsiny miantso ity endri-javatra toy izao: SELECT * FROM get_user_articles(535); Mba hahazoana antoka fa miasa araka ny tokony ho izy ity fomba ity amin'ny fotoana rehetra, dia mampiditra fitsipika mazava amin'ny famaritana ara-teknika ianao (hiresaka momba izany amin'ny manaraka). Aza manontany ny angon-drakitra mivantana avy amin'ny mpanjifa; mandrakariva mandeha amin'ny serivisy API hanafoana fangatahana tabilao mivantana ao amin'ny API; raha ilaina ny hetsika vaovao momba ny angon-drakitra ary tsy misy RPC, dia mamorona fifindrana miaraka amin'ny endri-javatra RPC vaovao Mampiasa foana ny SET search_path = '' ao anatin'ny endri-javatra RPC ary mifandray mazava amin'ny sehatra rehefa miditra amin'ny tabilao Tsy handeha lalina amin'ity lohahevitra ity aho amin'izao fotoana izao, fa ny manaraka ireo fitsipika ireo dia hamonjy anao be dia be ny aretina. Tsy handeha lalina amin'ity lohahevitra ity aho amin'izao fotoana izao, fa ny manaraka ireo fitsipika ireo dia hamonjy anao . a lot of headaches later Edge functions Ny endri-javatra dia mandeha ary matetika ampiasaina amin'ny fifandraisana amin'ny serivisy ivelany. outside the database Mandeha amin'ny Azonao atao ny miantso ny endri-javatra RPC ao amin'ny angon-drakitrao raha ilaina. JavaScript or TypeScript (Deno runtime) Ity no fizarana sarotra indrindra momba ny banky. Mety tsy mahatakatra tanteraka izany amin'izao fotoana izao ianao ary tsara izany: Voalohany, amin'ity dingana ity dia antsipirihany ny antsipiriany. Faharoa, mandritra ny adihevitrao dia azonao atao ny mangataka amin'ny ChatGPT mba hahita ity lahatsoratra ity, "Cursor Your Dream", ary manazava ny zavatra rehetra tsy fantatrao. Ny fahatelo, araka ny voalaza tao amin'ny ampahany 1, Cursor dia tena tsara amin'ny fananganana angon-drakitra sy backend architecture. Eritrereto ny singa Raha efa manana hevitra momba ny interface ianao, dia azonao atao ny mamaritra izany amin'ny lafiny components. Ohatra ny Ity lahatsoratra ity dia Profile mpampiasa component Ny varavarankely Ny fitaovana navigation Ny ampahany amin'ny lahatsoratra dia mety manana fomba maro: View mode ho an'ny mpamaky for authors edit mode for admins moderation mode Raha mieritreritra momba ny singa mialoha ianao, ny fitaovana AI dia hiteraka code maivana kokoa. Ny fitsipika manan-danja amin'ny styling Lazao amin'ny ChatGPT mba ahitana torolàlana ao amin'ny famaritana izay , fa amin'ny ankapobeny dia mampiasa ny CSS tsara, ohatra amin'ny alalan'ny Tailwind. Cursor should not use inline CSS styles Ao amin'ny iray amin'ireo tetikasa ireo, dia nanadino ny milaza izany aho. Vokatr'izany, ny famolavolana ny lohahevitra dia niely teo amin'ny folo singa, ary ny fanadiovana azy taorian'izay dia mampidi-doza. A Critically Important Note About 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 Ny fanamarihana manan-danja momba ny fanamarinana: Raha mikasa ny mampiasa Supabase ianao, dia manome antoka fa ny token JWT dia tokony ho niteraka ny fampiharana, fa tsy ny rafitra fanamarinana Supabase. Raha vaovao amin'ny rafitra fanamarinana ianao, dia toa mahagaga izany. Fa ity antsipirihany kely ity dia afaka manakana olana lehibe amin'ny ho avy, indrindra rehefa mifandray amin'ny Safari ny mpampiasa iPhone. Sample Case Study (ao amin'ny tetikasa faharoa) Mba hahatonga izany ho mazava kokoa, aoka izaho hampiseho anao ny fomba nahomby io dingana io ho an'ny tetikasa faharoa, " Ny Ny voninahitra Ny voninahitra Ny fangatahana voalohany Indro ny voalohany izay nanombohan'ny fifampiraharahana. Nandritra ny taona maro dia nanana hevitra ny hanorina memorialy nomerika aho. Mety ho sehatra iray izay vondrona iray amin'ny mpampiasa dia mamorona sarimihetsika, iray hafa dia mametraka toeram-ponenana, ary ny hafa dia mamela tolotra - toy ny voninkazo na fanehoan-kevitra. Mihevitra aho fa mety ho hevitra fandrosoana izany satria toa tsy misy zavatra tahaka izany. Fa manahy ny momba ny olana ara-dalàna aho, ohatra, ahoana raha misy olona mamorona famantarana ho an'ny olona velona? na mamorona famantarana ho an'ny olona tahaka an'i Michael Jackson - mety miteraka olana ara-dalàna mifandraika amin'ny fampiasana ny anarana? Amin'ny lafiny ara-teknika dia mieritreritra izany ho toy ny tranonkala miaraka amin'ny sarintany isometrika izay misy ny toeram-ponenana. Amin'ny ankapobeny, tokony hahita milina tsara isika fa tsy mamorona ny zavatra rehetra avy hatrany. Nandritra ny taona maro dia nanana hevitra ny hanorina memorialy nomerika aho. Mety ho sehatra iray izay vondrona iray amin'ny mpampiasa dia mamorona sarimihetsika, iray hafa dia mametraka toeram-ponenana, ary ny hafa dia mamela tolotra - toy ny voninkazo na fanehoan-kevitra. Mihevitra aho fa mety ho hevitra fandrosoana izany satria toa tsy misy zavatra tahaka izany. Fa manahy ny momba ny olana ara-dalàna aho, ohatra, ahoana raha misy olona mamorona famantarana ho an'ny olona velona? na mamorona famantarana ho an'ny olona tahaka an'i Michael Jackson - mety miteraka olana ara-dalàna mifandraika amin'ny fampiasana ny anarana? Amin'ny lafiny ara-teknika dia mieritreritra izany ho toy ny tranonkala miaraka amin'ny sarintany isometrika izay misy ny toeram-ponenana. Izometry ny fandaharana Amin'ny ankapobeny, tokony hahita milina tsara isika fa tsy mamorona ny zavatra rehetra avy hatrany. Tamin'izany fotoana izany dia tsy dia ara-teknika akory ny fangatahana, fa tsotra fotsiny ny fototry ny fifampiraharahana. ChatGPT Response (ny fanehoan-kevitra fohy) Ny hevitra momba ny memorial nomerika dia mahaliana satria tsy tambajotra sosialy hafa fotsiny. Ny hevitrao dia akaiky kokoa amin'ny sehatry ny fahatsiarovana nomerika, izay mampifandray ny olona amin'ny alalan'ny hetsika simba: fitsidihana, fanehoan-kevitra, tolotra. Ny olana ara-dalàna voalaza taminareo — ny famoronana famantarana ho an'ny olona velona — dia misy. Amin'ny toe-javatra sasany dia mety heverina ho fanitsakitsahana na fahavoazana. Na izany aza, matetika ny sehatra dia mitantana io loza io amin'ny alàlan'ny famolavolana vokatra, fa tsy amin'ny alàlan'ny fandraràna tanteraka. - ny fitarainana sy ny famerenana rafitra - fitsipika mazava ho an'ny votoaty nateraky ny mpampiasa - fametrahana ny memorials tsy misy anarana, fa tsy fitarainana momba ny fahafatesana Amin'ny lafiny ara-teknika, ho an'ny sarintany isometrika ao amin'ny tranonkala dia matetika tsara indrindra ny mampiasa rafitra rendering efa misy. — Phaser ho an'ny sehatra mifanaraka amin'ny tile-based—PixiJS ho an'ny web rendering sy ny integration UI Raha tianao ny tena 3D monuments, dia azonao atao ny manova ny Three.js, fa ho an'ny MVP ny fomba mifototra amin'ny 2D dia matetika haingana kokoa. Ny hevitra momba ny memorial nomerika dia mahaliana satria tsy tambajotra sosialy hafa fotsiny. Ny hevitrao dia akaiky kokoa amin'ny sehatry ny fahatsiarovana nomerika, izay mampifandray ny olona amin'ny alalan'ny hetsika simba: fitsidihana, fanehoan-kevitra, tolotra. Digital toerana ny fahatsiarovana Ny olana ara-dalàna voalaza taminareo — ny famoronana famantarana ho an'ny olona velona — dia misy. Amin'ny toe-javatra sasany dia mety heverina ho fanitsakitsahana na fahavoazana. Na izany aza, matetika ny sehatra dia mitantana io loza io amin'ny alàlan'ny famolavolana vokatra, fa tsy amin'ny alàlan'ny fandraràna tanteraka. Ny famolavolana - ny fitarainana sy ny famerenana rafitra - fitsipika mazava ho an'ny votoaty nateraky ny mpampiasa - fametrahana ny memorials tsy misy anarana, fa tsy fitarainana momba ny fahafatesana Ny toerana simba Amin'ny lafiny ara-teknika, ho an'ny sarintany isometrika ao amin'ny tranonkala dia matetika tsara indrindra ny mampiasa rafitra rendering efa misy. — Phaser ho an'ny sehatra mifanaraka amin'ny tile-based—PixiJS ho an'ny web rendering sy ny integration UI Ny Phaser Ny pitsiny Raha tianao ny tena 3D monuments, dia azonao atao ny manova ny Three.js, fa ho an'ny MVP ny fomba mifototra amin'ny 2D dia matetika haingana kokoa. Ny JS dia Taorian'izany dia mbola nitohy ny adihevitra. Ny hafatra manaraka Izaho dia tsara amin'ny pseudo-3D. Ao amin'ny ambaratonga iray, ny mpampiasa dia mamorona sarintany: misafidy ny habetsaky ny sarintany izy ireo ary mameno azy amin'ny hazo, lalana, ary ireo singa hafa amin'ny alàlan'ny mpamoaka sary. Ao amin'ny ambaratonga iray hafa, ny mpampiasa dia mametraka toeram-ponenana izay mety handray isan-karazany ny vato, toy ny 1, 2, na 4. Misy ihany koa ny karazana mpampiasa fahatelo: tsy mamorona sarimihetsika na toeram-ponenana izy ireo, fa mamela tolotra toy ny voninkazo fotsiny izy ireo. Ny sarintany tsirairay dia tokony hanana ny URL manokana. Izaho dia tsara amin'ny pseudo-3D. Ny endriky ny 3D Ao amin'ny ambaratonga iray, ny mpampiasa dia mamorona sarintany: misafidy ny habetsaky ny sarintany izy ireo ary mameno azy amin'ny hazo, lalana, ary ireo singa hafa amin'ny alàlan'ny mpamoaka sary. Ao amin'ny ambaratonga iray hafa, ny mpampiasa dia mametraka toeram-ponenana izay mety handray isan-karazany ny vato, toy ny 1, 2, na 4. Misy ihany koa ny karazana mpampiasa fahatelo: tsy mamorona sarimihetsika na toeram-ponenana izy ireo, fa mamela tolotra toy ny voninkazo fotsiny izy ireo. Ny sarintany tsirairay dia tokony hanana ny URL manokana. Maniry ihany koa aho fa ny tompon'ny sarintany dia hahazo isan-jato amin'ny fividianana ao anatin'ny sarintany. ohatra, raha misy olona mividy sarimihetsika any, dia afaka mizara 20% amin'ny varotra amin'ny tompon'ny sarimihetsika aho. Raha misy olona mamela ny voninkazo any amin'ny monument, dia manodidina ny 20% ho an'ny tompon'ny monument ary ny 20% hafa ho an'ny tompon'ny harato. Maniry ihany koa aho fa ny tompon'ny sarintany dia hahazo isan-jato amin'ny fividianana ao anatin'ny sarintany. ohatra, raha misy olona mividy sarimihetsika any, dia afaka mizara 20% amin'ny varotra amin'ny tompon'ny sarimihetsika aho. Raha misy olona mamela ny voninkazo any amin'ny monument, dia manodidina ny 20% ho an'ny tompon'ny monument ary ny 20% hafa ho an'ny tompon'ny harato. Mihevitra aho fa hanangana ny tetikasa amin'ny fampiasana ny Next.js + Supabase. Inona no tsara indrindra ho an'ny motera pseudo-3D? Mihevitra aho fa hanangana ny tetikasa amin'ny fampiasana ny Next.js + Supabase. Inona no tsara indrindra ho an'ny motera pseudo-3D? Ny fidirana ao amin'ny Next.js + Supabase Okay. Ankehitriny dia manitatra ny famaritana ara-teknika, manangona ny zava-drehetra ao amin'ny antontan-taratasy iray, ary manampy fampidirana manazava ny olana sy ny vokatra. Okay. Ankehitriny dia manitatra ny famaritana ara-teknika, manangona ny zava-drehetra ao amin'ny antontan-taratasy iray, ary manampy fampidirana manazava ny olana sy ny vokatra. Markdown (.md) File with the Spec Taorian'ny fifanakalozan-kevitra maromaro, ny famaritana ara-teknika dia vonona. Ny mitovy dia hitranga aminao. Ataovy azo antoka fa mangataka ny famaritana farany amin'ny endrika Markdown ary kopia izany ho amin'ny rakitra lahatsoratra. Ity rakitra ity dia ho ilainao amin'ny dingana manaraka. .md Fa raha tsy mandefa izany mivantana amin'ny Cursor ianao, dia manontany tena hoe: Inona ny ampahany amin'ny vokatra no tena zava-dehibe ho anao, na ny lehibe indrindra? Izany dia zava-dehibe satria ny fangatahanao voalohany ho an'ny Cursor dia mety tsy mitovy amin'ny tsiambaratelo ara-teknika. Ho ahy, ity ampahany ity dia ny Noho izany dia nanapa-kevitra ny hanorina fotsiny izany voalohany (tsy misy fanamarinana, tahirin-kevitra na backend). map editor mechanics Ny famaranana farany ho an'ny ChatGPT Manoratra taratasy ho an'ny Cursor izay ny tanjona fototra dia ny mamorona sarin'ny sarin'ny sarin'ny sarin'ny sarin'ny sarin'ny sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin Ny tanjona fototra dia ny mahatsapa ny mekanika ny sarintany alohan'ny hanorina ny vokatra manontolo. Idealy izany dia tokony ho singa izay azo ampidirina amin'ny rafitra manontolo. Manoratra taratasy ho an'ny Cursor izay ny tanjona fototra dia ny mamorona sarin'ny sarin'ny sarin'ny sarin'ny sarin'ny sarin'ny sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin'ny Sarin Sary avy amin'ny Map Editor Ny tanjona fototra dia ny mahatsapa ny mekanika ny sarintany alohan'ny hanorina ny vokatra manontolo. Idealy izany dia tokony ho singa izay azo ampidirina amin'ny rafitra manontolo. Tsindrio ny valiny Eto ambany dia ny Izany dia nahatonga ny prototype miasa ao amin'ny Cursor. final instruction Ianao dia frontend / lalao injeniera ambony. Isika ihany no mamorona prototype amin'ny mpamoaka sarimihetsika (isometric pseudo-3D) ho toy ny singa ho an'ny fanadihadiana ny fototry ny fifandraisany. Ny fepetra matanjaka Tsy misy fanamarinana. Tsy misy Supabase, Database, Stripe, na ny komponents backend. Tsy misy efijery vokatra fanampiny. Ny tanjona dia ny fitaovana interactive fotsiny amin'ny fanitsiana ny sarintany, slots, ary ny toerana monument. Ny endriky ny Ataovy izany ho toy ny singa React (React + TypeScript) izay azo ampidirina amin'ny fampiharana Next.js. Ny singa dia tsy maintsy: *— mitazona ny toe-javatra eo an-toerana*— mampiseho ny API (props / callbacks) Ny teknolojia — React + TypeScript— PixiJS + pixi-viewport amin'ny alalan'ny Ny endriky ny vokatra fototra (IMPORTANT) Rehefa mamorona sarintany, ny tompon-trano dia mamaritra SLOTS - faritra an-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon. Ao amin'ity prototype ity dia mampihatra ireo roa ireo: — ny slot editor — fametrahana monument Ny angon-drakitra rehetra dia voatahiry any an-toerana. Ny fampahalalam-baovao (In Memory) Grid - NxM kodiarana (maizina, lalana) Slot — Rectangle voafaritra ho x, y, w, hkind: monumentid Ny Monument dia mihoatra ny iray amin'ireo slotProperties: 1 × 2 × 2 × 2 × 2 × 2 × 2 × 1 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 1 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 1 × 1 × 1 × 2 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 2 × 2 × 2 × 2 × 2 × 2 × 1 × 2 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × Amin'ny ankapobeny, ny famolavolana prototype (MVP) Mamorona sarintany NxM (fotsiny: 20 × 20). Isometric famolavolana. Ny fanaraha-maso ny fakantsary: — pan (dra)— zoom (3 ambaratonga fanamafisana zoom) Ny fitaovana — Fitaovana hazo— Fitaovana lalana— Fitaovana fitaovana (manao / manala fitaovana fitaovana, karazana efijery: 1×1, 1×2, 2×2)— Fitaovana famantarana (manao famantarana ihany no azo ampiharina amin'ny fitaovana efa misy amin'ny habetsaky ny habetsaky)— Eraser (fitaovana famantarana na fitaovana miankina amin'ny izay eo ambanin'ny marika) Ny fitsipika - Ny lalana dia tsy azo alaina amin'ny slots. - Ny slots dia tsy afaka mifandray. - Ny famantarana dia azo ampidirina ao amin'ny afree slot amin'ny habeny mitovy. - Ny slots sy ny famantarana dia tsy tokony hifandray. Ny safidy Ny tsindrio amin'ny fantsona na ny monument dia misafidy izany (fitaratra amin'ny sehatra). Misy tabilao vaovao kely (React div) hita eo amin'ny ankavanana mampiseho: — karazana— tsipika— ny habetsaky ny — id Ny fanjakana fanondranana / fanondranana (JSON, In-Memory) Ny bokotra Export JSON → dia mamoaka ny toe-javatra amin'ny lahatsoratra. Ny bokotra Import JSON → loads state avy amin'ny textarea. Ny antsipirihany Ny fitaovana ao amin'ny ambony na amin'ny ankavia dia ahitana: — fitaovana fisafidianana— fisafidianana ny habetsaky ny slot (1×1 / 1×2 / 2×2)— Export / Import bokotra Ny fomba marika dia tokony ho hita mazava tsara (label mampiseho ny fitaovana ankehitriny) Ny fitsipika ara-panorenana (fanampianarana ho an'ny hoavy) Ny modely samihafa (grid / slots / monuments) avy amin'ny renderer (Pixi layers). Aza mamorona azy ireo amin'ny fanovana ny toe-javatra tsirairay. Mampiasa ny useEffect amin'ny fanadiovana tsara: — manimba ny fampiharana — manafoana mpijery — manafoana ny sary an-tsary Aza mitahiry ireo zavatra Pixi amin'ny toe-javatra React. Ampiasao ny ResizeObserver amin'ny alalan'ny fampiasana ny ResizeObserver. Ataovy amin'ny viewport / stage indray mandeha ny zava-nitranga, ary esory azy ireo amin'ny fandefasana. Ampiasao ny famaritana ny habakabaka amin'ny fampisehoana isometrika (ohatra x + y na y) mba hampifandray ny zavatra araka ny tokony ho izy. Ny andraikiny Voalohany indrindra dia manolotra rafitra rakitra kely: Mifandraisa amin'ny fomba fanao amin'ny fomba fanao amin'ny fomba fanao. Avy eo dia manatanteraka prototype miasa kely (TypeScript) mba hahafahako mametraka ny singa ao amin'ny tetikasa React / Next.js voafetra ary mahita avy hatrany ny mpamorona miasa. Ao amin'ny farany dia ahitana lisitra fohy amin'ny "ny zavatra tokony hanatsarana aoriana" (maximum 8 zavatra). Aza manampy na inona na inona mihoatra noho izay voalaza etsy ambony. Ianao dia frontend / lalao injeniera ambony. Senior Frontend / injeniera lalao Isika ihany no mamorona prototype amin'ny mpamoaka sarimihetsika (isometric pseudo-3D) ho toy ny singa ho an'ny fanadihadiana ny fototry ny fifandraisany. Tsy misy afa-tsy ny prototype amin'ny mapping editor. Ny fepetra matanjaka Ny fepetra matanjaka Tsy misy fanamarinana. Tsy misy Supabase, Database, Stripe, na ny komponents backend. Tsy misy efijery vokatra fanampiny. Ny tanjona dia ny fitaovana interactive fotsiny amin'ny fanitsiana ny sarintany, slots, ary ny toerana monument. Ny endriky ny Ny endriky ny Ataovy izany ho toy ny singa React (React + TypeScript) izay azo ampidirina amin'ny fampiharana Next.js. Ny endri-javatra manokana amin'ny React Ny singa dia tsy maintsy: *— mitazona * ny fanjakana eo an-toerana * — mampiseho ny API ho an'ny vahoaka (props / callbacks) Ny afo Ny teknolojia Ny teknolojia — React + TypeScript— PixiJS + pixi-viewport amin'ny alalan'ny Ny endriky ny vokatra fototra (IMPORTANT) Ny endriky ny vokatra fototra (IMPORTANT) Rehefa mamorona sarintany, ny tompon-trano dia mamaritra SLOTS - faritra an-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon-tampon. Ny slot Ao amin'ity prototype ity dia mampihatra ireo roa ireo: Ao amin'ity prototype ity dia mampihatra ireo roa ireo: — ny slot editor — fametrahana monument Ny angon-drakitra rehetra dia voatahiry any an-toerana. Ny fampahalalam-baovao (In Memory) Ny fampahalalam-baovao (In Memory) Grid - NxM kodiarana (maizina, lalana) Slot — Rectangle voafaritra ho toy ny x, y, w, h kind: monument id Ny Monument dia mihoatra ny iray amin'ireo slotProperties: 1 × 2 × 2 × 2 × 2 × 2 × 2 × 1 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 1 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 1 × 1 × 1 × 2 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 2 × 2 × 2 × 2 × 2 × 2 × 1 × 2 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × 1 × Amin'ny ankapobeny, ny famolavolana prototype (MVP) Amin'ny ankapobeny, ny famolavolana prototype (MVP) Mamorona sarintany NxM (fotsiny: 20 × 20). Isometric famolavolana. 20 amin'ny 20 Ny fanaraha-maso ny fakantsary: Ny fanaraha-maso ny fakantsary: — pan (dra)— zoom (3 ambaratonga fanamafisana zoom) Ny fitaovana Ny fitaovana — Fitaovana hazo— Fitaovana lalana— Fitaovana fitaovana (manao / manala fitaovana fitaovana, karazana efijery: 1×1, 1×2, 2×2)— Fitaovana famantarana (manao famantarana ihany no azo ampiharina amin'ny fitaovana efa misy amin'ny habetsaky ny habetsaky)— Eraser (fitaovana famantarana na fitaovana miankina amin'ny izay eo ambanin'ny marika) Ny fitsipika Ny fitsipika - Ny lalana dia tsy azo alaina amin'ny slots. - Ny slots dia tsy afaka mifandray. - Ny famantarana dia azo ampidirina ao amin'ny afree slot amin'ny habeny mitovy. - Ny slots sy ny famantarana dia tsy tokony hifandray. Free slot amin'ny fitoviana ny habeny Ny safidy Ny safidy Ny tsindrio amin'ny fantsona na ny monument dia misafidy izany (fitaratra amin'ny sehatra). Misy tabilao vaovao kely (React div) hita eo amin'ny ankavanana mampiseho: — karazana— tsipika— ny habetsaky ny — id Ny fanjakana fanondranana / fanondranana (JSON, In-Memory) Ny fanjakana fanondranana / fanondranana (JSON, In-Memory) Ny bokotra Export JSON → dia mamoaka ny toe-javatra amin'ny lahatsoratra. Ny famindrana JSON Ny bokotra Import JSON → loads state avy amin'ny textarea. Ny fampiasana JSON Ny antsipirihany Ny antsipirihany Ny fitaovana ao amin'ny ambony na amin'ny ankavia dia ahitana: — fitaovana fisafidianana— fisafidianana ny habetsaky ny slot (1×1 / 1×2 / 2×2)— Export / Import bokotra Ny fomba marika dia tokony ho hita mazava tsara (label mampiseho ny fitaovana ankehitriny) Ny fitsipika ara-panorenana (fanampianarana ho an'ny hoavy) Ny fitsipika ara-panorenana (fanampianarana ho an'ny hoavy) Ny modely samihafa (grid / slots / monuments) avy amin'ny renderer (Pixi layers). Ny modely Ny fanomezana Aza mamorona azy ireo amin'ny fanovana ny toe-javatra tsirairay. Pixi Application sy viewport indray mandeha ihany Mampiasa ny useEffect amin'ny fanadiovana tsara: — manimba ny fampiharana — manafoana mpijery — manafoana ny sary an-tsary Aza mitahiry ireo zavatra Pixi amin'ny toe-javatra React. Ny rafitra Ampiasao ny ResizeObserver amin'ny alalan'ny fampiasana ny ResizeObserver. Ny fitsapana Ataovy amin'ny viewport / stage indray mandeha ny zava-nitranga, ary esory azy ireo amin'ny fandefasana. Rehefa Ary Noho izany, ny fitaovana dia mifanaraka amin'ny marina. Ampiasao ny famaritana ny haavony amin'ny fampisehoana isometrika (ohatra x + y y Ny fivoaran'ny Ny andraikiny Ny andraikiny Voalohany indrindra dia manolotra rafitra rakitra kely: mapEditor.tsx model.ts isoMath.ts render.ts Avy eo dia manatanteraka prototype miasa kely (TypeScript) mba hahafahako mametraka ny singa ao amin'ny tetikasa React / Next.js voafetra ary mahita avy hatrany ny mpamorona miasa. Minimum ny asa prototype (TypeScript) Ao amin'ny farany dia ahitana lisitra fohy amin'ny "ny zavatra tokony hanatsarana aoriana" (maximum 8 zavatra). Ny zavatra tokony hanatsarana aorian'izay Aza manampy na inona na inona mihoatra noho izay voalaza etsy ambony. Aza manampy zavatra mihoatra noho izay voalaza etsy ambony. Aza mitsahatra ny dingana manaraka. Ny andraikitrao amin'izao fotoana izao dia ny mieritreritra ny hevitrao. Araka ny traikefako dia zava-dehibe ihany koa ny mifantoka amin'ny — ny dikan'ny vokatra kely izay mbola ampy ho an'ny mpampiasa hahatakatra ny vokatra sy ny olana fototra izay mamaha azy. MVP Roa startup mahomby tao amin'ny fiainako dia nanombohan'ny tsy zavatra hafa noho ny fampisehoana, na dia fampisehoana tsotra aza. , ary manandrana azy ireo amin'ny fifamoivoizana tena haingana kokoa. real products instead of demos Tsy tokony hihevitra ihany koa ianao fa ny vokatra ihany, fa ny . path to market Several of my projects stalled exactly at the point where I had no good answer to basic Ny fanontaniana. go-to-market Noho izany, alohan'ny hanoratra ny code, dia miezaka ny manazava zavatra roa: Inona ny vokatra Ahoana no ahafahan'izy ireo mahazo ny mpampiasa voalohany? Amin'ny farany dia tokony Ny antontan-taratasy two Ny roa Ny voalohany dia ny ao amin'ny endriky ny Markdown (.md) rakitra. Ity antontan-taratasy ity dia ho velona ao amin'ny fototry ny tetikasa ary hamaky sy hanatsarana hatrany ny AI mandritra ny fampandrosoana. full technical specification Ny faharoa dia ny - ny fangatahana dia handefa an'i Cursor ho toy ny asa voalohany indrindra. Ary izany ihany no hanombohana. Araka ny fandrosoana ny fampandrosoana, dia ho tapitra ny soratra . first working prompt hundreds of prompts like this Ny manaraka Ao amin'ny lahatsoratra manaraka (miverina haingana), dia hiverina amin'ny ampahany ara-teknika farany isika: mametraka Cursor ary mamokatra ny code voalohany tena miasa. Ary izany no mahatonga ny zavatra rehetra ho roa . very exciting and a little chaotic