From 821c453e5e46be2c9ee42302adea367b5d9fb7d4 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Fri, 20 Mar 2026 11:33:14 +0100 Subject: [PATCH] chore: sync content to repo (#9751) Co-authored-by: kamranahmedse <4921183+kamranahmedse@users.noreply.github.com> --- .../content/1-prototyping@ZGqeasMGuEiZvrdyjSNuM.md | 7 +++++++ .../content/2-generation@DCcj2_9a7aYi6qCnI4TMV.md | 3 +++ .../content/3-refinement@S9fE9eG1YWSfVRi8h13U1.md | 3 +++ .../content/4-collaboration@rcR8DMzELUnmJ7I_pwWpI.md | 3 +++ .../content/5-deployment@t03SkyX28SacfP_DpmHUf.md | 7 +++++++ ...ai-product-creation-cycle@COeXWV8fCTHXPZnErXcGZ.md | 8 ++++++++ .../content/app-anatomy@ncU03bZztHwt9VrQbEZ15.md | 10 ++++++++++ .../content/aws@-MWVEd4dEfGcwBTxKh9WM.md | 9 +++++++++ .../content/azure-devops@DAEMRai6FpPrmRkmKTOhV.md | 8 ++++++++ .../content/azure@UoZoN-nN8eTnI-J5ma-oq.md | 9 +++++++++ .../content/base44@kufoDIjMsRnb93I6Y_hN7.md | 9 +++++++++ .../content/bit-cloud@AlE1rcdp-5RVihRMpshnh.md | 3 +++ .../content/bolt@YZi89ogkfzKIivbdFmcP_.md | 9 +++++++++ .../browsers--devtools@iRey4hwJCIraoNsIZELZv.md | 10 ++++++++++ .../choose-a-prototype-tool@mQzAgHoM3DS_zn2zr2FXg.md | 8 ++++++++ .../content/claude-code@Fa06GTSwYb9x0QuGsp8et.md | 10 ++++++++++ .../content/claude-code@G86QePmTB5LX4_dMkVgoK.md | 10 ++++++++++ .../content/cloudflare@Q6PzFpT_4kElowvvB2u_v.md | 10 ++++++++++ .../content/codex@S7uHXLcxvtegkI1kirVS9.md | 9 +++++++++ .../content/codex@xCoG801UzwsRaK0xmI9_B.md | 9 +++++++++ .../content/copilot@6HLxaflojoF0-cuIuPDeG.md | 9 +++++++++ .../content/cursor@BEw1Iowb0KMiChtDGvKep.md | 10 ++++++++++ .../definition--scope@4dxljr8BtYkJDXbLeE0gW.md | 7 +++++++ .../content/digitalocean@ZxLukZLdGXGvV4MRHmoGh.md | 9 +++++++++ .../content/e2e-testing@MB_6yVmgPZugbjxGzoq09.md | 8 ++++++++ .../content/feature-scoping@5qljkbrUWUAn-5Ng2AiaJ.md | 7 +++++++ .../feedback--validation@ZQ-kWlp5v9fimgHmG5hlR.md | 3 +++ .../content/gcp@6hl4_ft8onzq80v_nD8Q4.md | 9 +++++++++ .../content/gemini-cli@vGtnZaa5vH02cTgkVG6A-.md | 9 +++++++++ .../content/github@OFscURhjqJfh8qA3SKSfh.md | 9 +++++++++ .../content/gitlab@f_d4JlYSbP9BHuCR0kBpP.md | 9 +++++++++ .../content/hope-ai@8ePFxmPv_Vm7SKoleM1tT.md | 3 +++ .../html--css--javascript@Cem2u4lHoA8KW-0GqVzcw.md | 10 ++++++++++ .../integration-testing@MXPA6I8K1_aKKQpgk2EcW.md | 9 +++++++++ .../content/lovable@T-NUiQvT8dKmg6UDGVSt_.md | 9 +++++++++ .../content/mongodb--atlas@gwHXA4WBrZN0VeAx5NKz7.md | 10 ++++++++++ ...eature--structural-change@HZHzCLbK-oQh7gSokxHWq.md | 3 +++ .../content/nodejs@d_2Uq2_Befe1tqM8_Y8lq.md | 9 +++++++++ .../postgresql--mysql@kfl0oJKi1OusryrSqO2jn.md | 11 +++++++++++ .../problem-definition@kxDCkO0aZLY4_hd4_ykH6.md | 3 +++ .../content/railway@Sv7QfwPKaTsviScn2axhk.md | 9 +++++++++ .../content/react@aHQ8f3ulEeUxTYCifzcPq.md | 9 +++++++++ .../content/render@OBGQ-1bjYBdYi-_oFpmj8.md | 9 +++++++++ .../content/replit@Gf1egAjfyQyAJ4I-aT_Ip.md | 9 +++++++++ .../content/supabase@p4Ku5RT5uOVYPuduqz80M.md | 8 ++++++++ .../content/targeted-change@ydzaN2EHBVAavHS3iPQ40.md | 3 +++ .../tech-stack--constraints@tN2X9NW0PhcP21OptheoD.md | 8 ++++++++ .../content/unit-testing@VxqhYHA9YpWx70GIhKghY.md | 8 ++++++++ .../content/user-testing@aRA5S0Mmmhx9F0nhD3Wcp.md | 7 +++++++ .../content/v0@xKBoLYQgpLDmOtDweVHei.md | 9 +++++++++ .../content/vercel@wUg8ypt4aWXgMYGiaIdgy.md | 9 +++++++++ 51 files changed, 398 insertions(+) create mode 100644 src/data/roadmaps/ai-product-builder/content/1-prototyping@ZGqeasMGuEiZvrdyjSNuM.md create mode 100644 src/data/roadmaps/ai-product-builder/content/2-generation@DCcj2_9a7aYi6qCnI4TMV.md create mode 100644 src/data/roadmaps/ai-product-builder/content/3-refinement@S9fE9eG1YWSfVRi8h13U1.md create mode 100644 src/data/roadmaps/ai-product-builder/content/4-collaboration@rcR8DMzELUnmJ7I_pwWpI.md create mode 100644 src/data/roadmaps/ai-product-builder/content/5-deployment@t03SkyX28SacfP_DpmHUf.md create mode 100644 src/data/roadmaps/ai-product-builder/content/ai-product-creation-cycle@COeXWV8fCTHXPZnErXcGZ.md create mode 100644 src/data/roadmaps/ai-product-builder/content/app-anatomy@ncU03bZztHwt9VrQbEZ15.md create mode 100644 src/data/roadmaps/ai-product-builder/content/aws@-MWVEd4dEfGcwBTxKh9WM.md create mode 100644 src/data/roadmaps/ai-product-builder/content/azure-devops@DAEMRai6FpPrmRkmKTOhV.md create mode 100644 src/data/roadmaps/ai-product-builder/content/azure@UoZoN-nN8eTnI-J5ma-oq.md create mode 100644 src/data/roadmaps/ai-product-builder/content/base44@kufoDIjMsRnb93I6Y_hN7.md create mode 100644 src/data/roadmaps/ai-product-builder/content/bit-cloud@AlE1rcdp-5RVihRMpshnh.md create mode 100644 src/data/roadmaps/ai-product-builder/content/bolt@YZi89ogkfzKIivbdFmcP_.md create mode 100644 src/data/roadmaps/ai-product-builder/content/browsers--devtools@iRey4hwJCIraoNsIZELZv.md create mode 100644 src/data/roadmaps/ai-product-builder/content/choose-a-prototype-tool@mQzAgHoM3DS_zn2zr2FXg.md create mode 100644 src/data/roadmaps/ai-product-builder/content/claude-code@Fa06GTSwYb9x0QuGsp8et.md create mode 100644 src/data/roadmaps/ai-product-builder/content/claude-code@G86QePmTB5LX4_dMkVgoK.md create mode 100644 src/data/roadmaps/ai-product-builder/content/cloudflare@Q6PzFpT_4kElowvvB2u_v.md create mode 100644 src/data/roadmaps/ai-product-builder/content/codex@S7uHXLcxvtegkI1kirVS9.md create mode 100644 src/data/roadmaps/ai-product-builder/content/codex@xCoG801UzwsRaK0xmI9_B.md create mode 100644 src/data/roadmaps/ai-product-builder/content/copilot@6HLxaflojoF0-cuIuPDeG.md create mode 100644 src/data/roadmaps/ai-product-builder/content/cursor@BEw1Iowb0KMiChtDGvKep.md create mode 100644 src/data/roadmaps/ai-product-builder/content/definition--scope@4dxljr8BtYkJDXbLeE0gW.md create mode 100644 src/data/roadmaps/ai-product-builder/content/digitalocean@ZxLukZLdGXGvV4MRHmoGh.md create mode 100644 src/data/roadmaps/ai-product-builder/content/e2e-testing@MB_6yVmgPZugbjxGzoq09.md create mode 100644 src/data/roadmaps/ai-product-builder/content/feature-scoping@5qljkbrUWUAn-5Ng2AiaJ.md create mode 100644 src/data/roadmaps/ai-product-builder/content/feedback--validation@ZQ-kWlp5v9fimgHmG5hlR.md create mode 100644 src/data/roadmaps/ai-product-builder/content/gcp@6hl4_ft8onzq80v_nD8Q4.md create mode 100644 src/data/roadmaps/ai-product-builder/content/gemini-cli@vGtnZaa5vH02cTgkVG6A-.md create mode 100644 src/data/roadmaps/ai-product-builder/content/github@OFscURhjqJfh8qA3SKSfh.md create mode 100644 src/data/roadmaps/ai-product-builder/content/gitlab@f_d4JlYSbP9BHuCR0kBpP.md create mode 100644 src/data/roadmaps/ai-product-builder/content/hope-ai@8ePFxmPv_Vm7SKoleM1tT.md create mode 100644 src/data/roadmaps/ai-product-builder/content/html--css--javascript@Cem2u4lHoA8KW-0GqVzcw.md create mode 100644 src/data/roadmaps/ai-product-builder/content/integration-testing@MXPA6I8K1_aKKQpgk2EcW.md create mode 100644 src/data/roadmaps/ai-product-builder/content/lovable@T-NUiQvT8dKmg6UDGVSt_.md create mode 100644 src/data/roadmaps/ai-product-builder/content/mongodb--atlas@gwHXA4WBrZN0VeAx5NKz7.md create mode 100644 src/data/roadmaps/ai-product-builder/content/new-feature--structural-change@HZHzCLbK-oQh7gSokxHWq.md create mode 100644 src/data/roadmaps/ai-product-builder/content/nodejs@d_2Uq2_Befe1tqM8_Y8lq.md create mode 100644 src/data/roadmaps/ai-product-builder/content/postgresql--mysql@kfl0oJKi1OusryrSqO2jn.md create mode 100644 src/data/roadmaps/ai-product-builder/content/problem-definition@kxDCkO0aZLY4_hd4_ykH6.md create mode 100644 src/data/roadmaps/ai-product-builder/content/railway@Sv7QfwPKaTsviScn2axhk.md create mode 100644 src/data/roadmaps/ai-product-builder/content/react@aHQ8f3ulEeUxTYCifzcPq.md create mode 100644 src/data/roadmaps/ai-product-builder/content/render@OBGQ-1bjYBdYi-_oFpmj8.md create mode 100644 src/data/roadmaps/ai-product-builder/content/replit@Gf1egAjfyQyAJ4I-aT_Ip.md create mode 100644 src/data/roadmaps/ai-product-builder/content/supabase@p4Ku5RT5uOVYPuduqz80M.md create mode 100644 src/data/roadmaps/ai-product-builder/content/targeted-change@ydzaN2EHBVAavHS3iPQ40.md create mode 100644 src/data/roadmaps/ai-product-builder/content/tech-stack--constraints@tN2X9NW0PhcP21OptheoD.md create mode 100644 src/data/roadmaps/ai-product-builder/content/unit-testing@VxqhYHA9YpWx70GIhKghY.md create mode 100644 src/data/roadmaps/ai-product-builder/content/user-testing@aRA5S0Mmmhx9F0nhD3Wcp.md create mode 100644 src/data/roadmaps/ai-product-builder/content/v0@xKBoLYQgpLDmOtDweVHei.md create mode 100644 src/data/roadmaps/ai-product-builder/content/vercel@wUg8ypt4aWXgMYGiaIdgy.md diff --git a/src/data/roadmaps/ai-product-builder/content/1-prototyping@ZGqeasMGuEiZvrdyjSNuM.md b/src/data/roadmaps/ai-product-builder/content/1-prototyping@ZGqeasMGuEiZvrdyjSNuM.md new file mode 100644 index 000000000..9988b1eb9 --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/1-prototyping@ZGqeasMGuEiZvrdyjSNuM.md @@ -0,0 +1,7 @@ +# Prototyping + +A prototype is a visual representation of your app before any code is generated. It helps you align with stakeholders, catch missing features early, and give the generation tool a concrete reference to work from. It does not need to be detailed; it just needs to be clear enough to communicate intent. + +Visit the following resources to learn more: + +- [@article@Software prototyping: What it is, its process, and the best tools to use](https://www.hostinger.com/tutorials/software-prototyping#h-can-i-create-prototypes-with-ai) \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/2-generation@DCcj2_9a7aYi6qCnI4TMV.md b/src/data/roadmaps/ai-product-builder/content/2-generation@DCcj2_9a7aYi6qCnI4TMV.md new file mode 100644 index 000000000..f80ef0b3a --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/2-generation@DCcj2_9a7aYi6qCnI4TMV.md @@ -0,0 +1,3 @@ +# 2. Generation + +This is the step where your prototype and requirements are turned into a working codebase by an AI tool. The output should include a front end, a back end, a database schema, and an API layer. The quality of the output depends directly on the clarity of your inputs. \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/3-refinement@S9fE9eG1YWSfVRi8h13U1.md b/src/data/roadmaps/ai-product-builder/content/3-refinement@S9fE9eG1YWSfVRi8h13U1.md new file mode 100644 index 000000000..fa789fbc8 --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/3-refinement@S9fE9eG1YWSfVRi8h13U1.md @@ -0,0 +1,3 @@ +# 3. Refinement + +Once you have a generated codebase, you will need to adjust it. Some changes are small and targeted; others require regenerating a larger part of the application. Knowing which type of change you are dealing with before you start saves time and reduces the risk of breaking something that already works. \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/4-collaboration@rcR8DMzELUnmJ7I_pwWpI.md b/src/data/roadmaps/ai-product-builder/content/4-collaboration@rcR8DMzELUnmJ7I_pwWpI.md new file mode 100644 index 000000000..e4b62df32 --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/4-collaboration@rcR8DMzELUnmJ7I_pwWpI.md @@ -0,0 +1,3 @@ +# Collaboration + +At this stage, you bring other people into the process: teammates, testers, or early users. Their feedback drives the next round of refinement. This node also covers the tools and practices that keep the codebase stable when multiple people are working on it at the same time. \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/5-deployment@t03SkyX28SacfP_DpmHUf.md b/src/data/roadmaps/ai-product-builder/content/5-deployment@t03SkyX28SacfP_DpmHUf.md new file mode 100644 index 000000000..88fa094cb --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/5-deployment@t03SkyX28SacfP_DpmHUf.md @@ -0,0 +1,7 @@ +# Deployment + +Deployment is the process of making your app available to real users. The right deployment option depends on your technical experience, expected traffic, and budget. Start with the simplest option that meets your needs and scale up as the product grows. + +Visit the following resources to learn more: + +- [@article@What is software deployment?](https://www.atlassian.com/agile/software-development/software-deployment) \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/ai-product-creation-cycle@COeXWV8fCTHXPZnErXcGZ.md b/src/data/roadmaps/ai-product-builder/content/ai-product-creation-cycle@COeXWV8fCTHXPZnErXcGZ.md new file mode 100644 index 000000000..78b76d33a --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/ai-product-creation-cycle@COeXWV8fCTHXPZnErXcGZ.md @@ -0,0 +1,8 @@ +# AI Product Creation Cycle + +AI tools are changing how software is built. The traditional approach of writing code from scratch is being replaced by a new paradigm: you generate a working product from your requirements, test it with real users, and refine it in repeated cycles until it is ready to ship. + +Visit the following resources to learn more: + +- [@article@Will AI make us all product builders?](https://www.fundament.design/p/will-ai-make-us-all-product-builders?hide_intro_popup=true) +- [@article@Building AI Products: From Concept to Launch](https://www.digitalocean.com/resources/articles/building-ai-products#understanding-the-ai-product-lifecycle) \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/app-anatomy@ncU03bZztHwt9VrQbEZ15.md b/src/data/roadmaps/ai-product-builder/content/app-anatomy@ncU03bZztHwt9VrQbEZ15.md new file mode 100644 index 000000000..af00f0e58 --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/app-anatomy@ncU03bZztHwt9VrQbEZ15.md @@ -0,0 +1,10 @@ +# App Anatomy + +Every app has the same basic parts: a front end that users interact with, a back end that processes logic, a database that stores data, and an API that connects them. Understanding this structure helps you review what the AI generates and ask better questions when something does not work as expected. + +Visit the following resources to learn more: + +- [@roadmap@Visit the Dedicated Frontend Roadmap](https://roadmap.sh/frontend/) +- [@roadmap@Visit the Dedicated Fr Backend](https://roadmap.sh/backend) +- [@roadmap@Visit the Dedicated API Design Roadmap](https://roadmap.sh/api-design) +- [@article@Web Application Architecture: Front-end, Middleware and Back-end](https://dev.to/techelopment/web-application-architecture-front-end-middleware-and-back-end-2ld7) \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/aws@-MWVEd4dEfGcwBTxKh9WM.md b/src/data/roadmaps/ai-product-builder/content/aws@-MWVEd4dEfGcwBTxKh9WM.md new file mode 100644 index 000000000..686565590 --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/aws@-MWVEd4dEfGcwBTxKh9WM.md @@ -0,0 +1,9 @@ +# AWS + +AWS is the largest cloud provider in the world. It offers infrastructure for computing, storage, databases, networking, and dozens of other services. It requires more configuration than PaaS options but gives you complete control over how your application runs and scales. + +Visit the following resources to learn more: + +- [@roadmap@Visit the Dedicated AWS Roadmap](https://roadmap.sh/aws) +- [@official@AWS Cloud Essentials](https://aws.amazon.com/getting-started/cloud-essentials/) +- [@official@Overview of Amazon Web Services](https://docs.aws.amazon.com/whitepapers/latest/aws-overview/introduction.html) \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/azure-devops@DAEMRai6FpPrmRkmKTOhV.md b/src/data/roadmaps/ai-product-builder/content/azure-devops@DAEMRai6FpPrmRkmKTOhV.md new file mode 100644 index 000000000..8da6efc95 --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/azure-devops@DAEMRai6FpPrmRkmKTOhV.md @@ -0,0 +1,8 @@ +# Azure DevOps + +Azure DevOps is Microsoft's platform for managing code, pipelines, and project tasks. It integrates tightly with Azure infrastructure and is a common choice in enterprise environments. It covers version control, CI/CD, and issue tracking in a single platform. + +Visit the following resources to learn more: + +- [@official@Azure DevOps](https://azure.microsoft.com/en-us/products/devops) +- [@video@Azure DevOps Tutorial for Beginners | CI/CD with Azure Pipelines](https://www.youtube.com/watch?v=4BibQ69MD8c) \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/azure@UoZoN-nN8eTnI-J5ma-oq.md b/src/data/roadmaps/ai-product-builder/content/azure@UoZoN-nN8eTnI-J5ma-oq.md new file mode 100644 index 000000000..c6006824e --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/azure@UoZoN-nN8eTnI-J5ma-oq.md @@ -0,0 +1,9 @@ +# Azure + +Azure is Microsoft's cloud platform. It is a strong choice for teams already using Microsoft tools or working in enterprise environments. It covers the full range of infrastructure needs and integrates well with GitHub, Active Directory, and other Microsoft services. + +Visit the following resources to learn more: + +- [@official@Azure Website](https://azure.microsoft.com/en-us/) +- [@opensource@Microsoft Azure Guide](https://github.com/mikeroyal/Azure-Guide) +- [@video@icrosoft Azure Fundamentals Certification Course (AZ-900)](https://www.youtube.com/watch?v=5abffC-K40c) \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/base44@kufoDIjMsRnb93I6Y_hN7.md b/src/data/roadmaps/ai-product-builder/content/base44@kufoDIjMsRnb93I6Y_hN7.md new file mode 100644 index 000000000..f2e8721af --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/base44@kufoDIjMsRnb93I6Y_hN7.md @@ -0,0 +1,9 @@ +# Base44 + +Base44 generates full-stack web apps from a description and handles both the front end and back end. It is designed for speed and requires no coding knowledge to get started. It is a good option when you need a working prototype quickly and plan to refine it with a more powerful tool later. + +Visit the following resources to learn more: + +- [@official@Base44 Docs](https://docs.base44.com/) +- [@official@How to build an app with AI in 6 steps](https://base44.com/blog/how-to-build-an-app-with-ai) +- [@video@Base44 Tutorial for Beginners 2026 - Step by Step](https://www.youtube.com/watch?v=FN9fyZ9IPWs) \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/bit-cloud@AlE1rcdp-5RVihRMpshnh.md b/src/data/roadmaps/ai-product-builder/content/bit-cloud@AlE1rcdp-5RVihRMpshnh.md new file mode 100644 index 000000000..b14f0189f --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/bit-cloud@AlE1rcdp-5RVihRMpshnh.md @@ -0,0 +1,3 @@ +# Bit Cloud + +Bit Cloud is a platform for managing reusable components across a codebase. It makes it easier to share, version, and update components independently of the main application. It is particularly useful in projects where multiple people are working on different parts of the front end at the same time. \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/bolt@YZi89ogkfzKIivbdFmcP_.md b/src/data/roadmaps/ai-product-builder/content/bolt@YZi89ogkfzKIivbdFmcP_.md new file mode 100644 index 000000000..0200cfebe --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/bolt@YZi89ogkfzKIivbdFmcP_.md @@ -0,0 +1,9 @@ +# Bolt + +Bolt generates full-stack applications from a prompt and produces clean, readable code. It is faster than writing from scratch and gives you more control over the output than most no-code tools. It works particularly well for standard web app structures. + +Visit the following resources to learn more: + +- [@official@Getting Started with Bolt](https://support.bolt.new/building/quickstart) +- [@article@Bolt.new Review 2025: The Good, Bad, and Surprising Findings for Developers](https://trickle.so/blog/bolt-new-review) +- [@video@Bolt.New AI Tutorial for Beginners: Create an App in Under 20 Minutes!](https://www.youtube.com/watch?v=5zfOitaKfmM) \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/browsers--devtools@iRey4hwJCIraoNsIZELZv.md b/src/data/roadmaps/ai-product-builder/content/browsers--devtools@iRey4hwJCIraoNsIZELZv.md new file mode 100644 index 000000000..752587aa3 --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/browsers--devtools@iRey4hwJCIraoNsIZELZv.md @@ -0,0 +1,10 @@ +# Browsers / DevTools + +Browser developer tools let you inspect HTML, debug JavaScript, monitor network requests, and measure performance directly in the browser. They are the first place to look when something in the front end is not working as expected. + +Visit the following resources to learn more: + +- [@article@How Browsers Work](https://www.ramotion.com/blog/what-is-web-browser/) +- [@article@What are browser developer tools?](https://developer.mozilla.org/en-US/docs/Learn_web_development/Howto/Tools_and_setup/What_are_browser_developer_tools) +- [@video@How Do Web Browsers Work?](https://www.youtube.com/watch?v=5rLFYtXHo9s) +- [@video@nderstand Browser Dev Tools Network Tab (and avoid these mistakes...)](https://www.youtube.com/watch?v=2CC0fugc_2o) \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/choose-a-prototype-tool@mQzAgHoM3DS_zn2zr2FXg.md b/src/data/roadmaps/ai-product-builder/content/choose-a-prototype-tool@mQzAgHoM3DS_zn2zr2FXg.md new file mode 100644 index 000000000..3e734f8a8 --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/choose-a-prototype-tool@mQzAgHoM3DS_zn2zr2FXg.md @@ -0,0 +1,8 @@ +# Choose a Prototype Tool + +Developers are increasingly moving away from traditional design tools like Figma and Miro toward AI prototyping tools that generate a working version of the app directly from a text description. Tools like Lovable, Replit, and Bolt let you go from idea to something clickable in minutes, which makes it easier to validate a concept before committing to a full generation cycle. Choose based on your familiarity and the complexity of what you are building. + +Visit the following resources to learn more: + +- [@article@Best AI Prototyping Tools in 2026: Ranked by Use Case](https://www.banani.co/blog/best-ai-prototyping-tools) +- [@article@Prototyping Tools: A Comprehensive Guide Intro](https://www.coursera.org/articles/prototyping-tools) \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/claude-code@Fa06GTSwYb9x0QuGsp8et.md b/src/data/roadmaps/ai-product-builder/content/claude-code@Fa06GTSwYb9x0QuGsp8et.md new file mode 100644 index 000000000..65c1713d2 --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/claude-code@Fa06GTSwYb9x0QuGsp8et.md @@ -0,0 +1,10 @@ +# Claude Code + +Claude Code works in the terminal and is best used when you need to understand a piece of generated code before modifying it. Give it a specific problem; ask it to explain a function, trace a bug, or rewrite a block of logic. It reasons through the code step by step, which makes it reliable for changes where the consequences are not immediately obvious. + +Visit the following resources to learn more: + +- [@roadmap@Visit the Dedicated Claude Code Roadmap](https://roadmap.sh/claude-code) +- [@official@Claude Code Overview](https://code.claude.com/docs/en/overview) +- [@article@Claude Code: From Zero to Hero](https://medium.com/@dan.avila7/claude-code-from-zero-to-hero-bebe2436ac32) +- [@video@laude Code Tutorial for Beginners](https://www.youtube.com/watch?v=eMZmDH3T2bY) \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/claude-code@G86QePmTB5LX4_dMkVgoK.md b/src/data/roadmaps/ai-product-builder/content/claude-code@G86QePmTB5LX4_dMkVgoK.md new file mode 100644 index 000000000..592eab818 --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/claude-code@G86QePmTB5LX4_dMkVgoK.md @@ -0,0 +1,10 @@ +# Claude Code + +Claude Code is a terminal-based AI tool built by Anthropic. It is designed to reason through complex code problems, explain unfamiliar codebases, and help with debugging. It works best when you need to understand what the generated code is doing before modifying it. + +Visit the following resources to learn more: + +- [@roadmap@Visit the Dedicated Claude Code Roadmap](https://roadmap.sh/claude-code) +- [@official@Claude Code Overview](https://code.claude.com/docs/en/overview) +- [@article@Claude Code: From Zero to Hero](https://medium.com/@dan.avila7/claude-code-from-zero-to-hero-bebe2436ac32) +- [@video@Claude Code Tutorial for Beginners](https://www.youtube.com/watch?v=eMZmDH3T2bY) \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/cloudflare@Q6PzFpT_4kElowvvB2u_v.md b/src/data/roadmaps/ai-product-builder/content/cloudflare@Q6PzFpT_4kElowvvB2u_v.md new file mode 100644 index 000000000..b5e734154 --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/cloudflare@Q6PzFpT_4kElowvvB2u_v.md @@ -0,0 +1,10 @@ +# Cloudflare + +Cloudflare offers serverless deployment for front-end apps and lightweight back-end functions through Cloudflare Workers and Pages. It has a generous free tier and deploys to a global edge network, which means fast load times for users anywhere in the world. + +Visit the following resources to learn more: + +- [@roadmap@Visit the Dedicated Cloudflare Roadmap](https://roadmap.sh/cloudflare) +- [@official@Getting started with Cloudflare](https://developers.cloudflare.com/pages/get-started/) +- [@video@What is Cloudflare?](https://www.youtube.com/watch?v=XHvmX3FhTwU) +- [@video@IntroLearn Cloudflare Workers 101 - Full Course for Beginnersduction to Cloudflare](https://www.youtube.com/watch?v=24cml1rKGBs) \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/codex@S7uHXLcxvtegkI1kirVS9.md b/src/data/roadmaps/ai-product-builder/content/codex@S7uHXLcxvtegkI1kirVS9.md new file mode 100644 index 000000000..5d33c7abc --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/codex@S7uHXLcxvtegkI1kirVS9.md @@ -0,0 +1,9 @@ +# Codex + +Codex is OpenAI's code-focused model, available through the API and integrated into tools like GitHub Copilot. It is strong at generating boilerplate and translating natural language descriptions into working code. It works best for well-defined, contained tasks rather than open-ended architectural decisions. + +Visit the following resources to learn more: + +- [@official@Codex Docs](https://developers.openai.com/codex) +- [@course@Introduction to OpenAI Codex](https://www.coursera.org/learn/introduction-to-openai-codex) +- [@video@Getting started with Codex](https://www.youtube.com/watch?v=px7XlbYgk7I) \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/codex@xCoG801UzwsRaK0xmI9_B.md b/src/data/roadmaps/ai-product-builder/content/codex@xCoG801UzwsRaK0xmI9_B.md new file mode 100644 index 000000000..03bda271e --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/codex@xCoG801UzwsRaK0xmI9_B.md @@ -0,0 +1,9 @@ +# Codex + +Codex is best for translating a clearly defined requirement into working code. Describe the specific behavior you want; it generates the implementation. It works well for adding a new function, rewriting a poorly structured block, or converting logic from one pattern to another. Keep the scope narrow; the more specific the input, the more useful the output. + +Visit the following resources to learn more: + +- [@official@Codex Docs](https://developers.openai.com/codex) +- [@course@Introduction to OpenAI Codex](https://www.coursera.org/learn/introduction-to-openai-codex) +- [@video@Getting started with Codex](https://www.youtube.com/watch?v=px7XlbYgk7I) \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/copilot@6HLxaflojoF0-cuIuPDeG.md b/src/data/roadmaps/ai-product-builder/content/copilot@6HLxaflojoF0-cuIuPDeG.md new file mode 100644 index 000000000..f594b8c73 --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/copilot@6HLxaflojoF0-cuIuPDeG.md @@ -0,0 +1,9 @@ +# Copilot + +Copilot works inline as you type and is best used when you know what you want to write but want to move faster. It predicts the next line or block based on the surrounding code. It is less useful for understanding unfamiliar code and more useful for extending code you already understand; use it when adding new logic to an existing file. + +Visit the following resources to learn more: + +- [@official@GitHub Copilot Docs](https://docs.github.com/en/copilot) +- [@official@Copilot Tutorials](https://github.com/features/copilot/tutorials) +- [@video@Intro to GitHob Copilot in Visual Studio](https://www.youtube.com/watch?v=z1ycDvspv8U) \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/cursor@BEw1Iowb0KMiChtDGvKep.md b/src/data/roadmaps/ai-product-builder/content/cursor@BEw1Iowb0KMiChtDGvKep.md new file mode 100644 index 000000000..b4888d29f --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/cursor@BEw1Iowb0KMiChtDGvKep.md @@ -0,0 +1,10 @@ +# Cursor + +Cursor lets you select any part of the codebase and ask questions or request changes directly in the editor. It is the most practical tool for navigating AI-generated code you did not write yourself. Use it to understand what a file does, rename a pattern across the codebase, or make a targeted edit without having to read every line around it. + +Visit the following resources to learn more: + +- [@official@Cursor Docs](https://cursor.com/docs) +- [@course@Cursor Learn](https://cursor.com/learn) +- [@video@Cursor AI Tutorial for Beginners](https://www.youtube.com/watch?v=3289vhOUdKA) +- [@video@Cursor Tutorial for Beginners (AI Code Editor)](https://www.youtube.com/watch?v=ocMOZpuAMw4) \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/definition--scope@4dxljr8BtYkJDXbLeE0gW.md b/src/data/roadmaps/ai-product-builder/content/definition--scope@4dxljr8BtYkJDXbLeE0gW.md new file mode 100644 index 000000000..378ba0042 --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/definition--scope@4dxljr8BtYkJDXbLeE0gW.md @@ -0,0 +1,7 @@ +# Definition & Scope + +Before writing a single prompt, you need to know what you are building and why. This means defining the problem, identifying the core features, and setting the project's technical boundaries. A clear scope saves time and prevents the AI from generating things you do not need. + +Visit the following resources to learn more: + +- [@article@How to scope your AI product](https://uxdesign.cc/how-to-scope-your-ai-product-5b9885ef3851) \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/digitalocean@ZxLukZLdGXGvV4MRHmoGh.md b/src/data/roadmaps/ai-product-builder/content/digitalocean@ZxLukZLdGXGvV4MRHmoGh.md new file mode 100644 index 000000000..d67c1a27b --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/digitalocean@ZxLukZLdGXGvV4MRHmoGh.md @@ -0,0 +1,9 @@ +# DigitalOcean + +DigitalOcean is a cloud provider focused on simplicity and developer experience. Its App Platform lets you deploy a full-stack application from a GitHub repository with minimal configuration. It is a practical middle ground between the simplicity of serverless platforms and the complexity of AWS or GCP. + +Visit the following resources to learn more: + +- [@official@DigitalOcean](https://www.digitalocean.com/) +- [@official@DigitalOcean Tutorials](https://www.digitalocean.com/community/tutorials) +- [@video@Getting Started With Kubernetes on DigitalOcean](https://www.youtube.com/watch?v=cJKdo-glRD0) \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/e2e-testing@MB_6yVmgPZugbjxGzoq09.md b/src/data/roadmaps/ai-product-builder/content/e2e-testing@MB_6yVmgPZugbjxGzoq09.md new file mode 100644 index 000000000..0edaae11b --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/e2e-testing@MB_6yVmgPZugbjxGzoq09.md @@ -0,0 +1,8 @@ +# E2E Testing + +End-to-end tests simulate a real user moving through the app from start to finish. They verify that the full system works as expected in an environment that resembles production. Tools like Playwright or Cypress automate these flows so you can run them on every deployment without manual effort. + +Visit the following resources to learn more: + +- [@article@End to End Testing](https://microsoft.github.io/code-with-engineering-playbook/automated-testing/e2e-testing/) +- [@article@End to End Testing: Importance, Process, Best Practices & Frameworks](https://testgrid.io/blog/end-to-end-testing-a-detailed-guide/) \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/feature-scoping@5qljkbrUWUAn-5Ng2AiaJ.md b/src/data/roadmaps/ai-product-builder/content/feature-scoping@5qljkbrUWUAn-5Ng2AiaJ.md new file mode 100644 index 000000000..13873922f --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/feature-scoping@5qljkbrUWUAn-5Ng2AiaJ.md @@ -0,0 +1,7 @@ +# Feature Scoping + +List only the features that are strictly necessary for the first version of the product. Every feature you add increases the complexity of the generated code and the time needed to test and refine it. Start small, ship fast, and add features in later iterations. + +Visit the following resources to learn more: + +- [@article@How to effectively scope your software projects](https://www.freecodecamp.org/news/how-to-effectively-scope-your-software-projects-from-planning-to-execution-e96cbcac54b9/) \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/feedback--validation@ZQ-kWlp5v9fimgHmG5hlR.md b/src/data/roadmaps/ai-product-builder/content/feedback--validation@ZQ-kWlp5v9fimgHmG5hlR.md new file mode 100644 index 000000000..e32a7a966 --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/feedback--validation@ZQ-kWlp5v9fimgHmG5hlR.md @@ -0,0 +1,3 @@ +# Feedback & Validation + +Before generating the full product, share the prototype with your team and some potential users. You are looking for obvious gaps or misunderstandings in the design. Catching these at the prototype stage is much cheaper than fixing them after generation. \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/gcp@6hl4_ft8onzq80v_nD8Q4.md b/src/data/roadmaps/ai-product-builder/content/gcp@6hl4_ft8onzq80v_nD8Q4.md new file mode 100644 index 000000000..3b8e9738e --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/gcp@6hl4_ft8onzq80v_nD8Q4.md @@ -0,0 +1,9 @@ +# GCP + +Google Cloud Platform is Google's cloud infrastructure service. It is particularly strong for data processing, machine learning workloads, and applications that need to integrate with other Google services. It is a competitive alternative to AWS for teams comfortable with Google's ecosystem. + +Visit the following resources to learn more: + +- [@official@Google Cloud Platform](https://cloud.google.com) +- [@official@Cloud Computing, Hosting Services, and APIs](https://cloud.google.com/gcp) +- [@video@Google Cloud Platform Video Course](https://www.youtube.com/watch?v=fZOz13joN0o) \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/gemini-cli@vGtnZaa5vH02cTgkVG6A-.md b/src/data/roadmaps/ai-product-builder/content/gemini-cli@vGtnZaa5vH02cTgkVG6A-.md new file mode 100644 index 000000000..3226c4415 --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/gemini-cli@vGtnZaa5vH02cTgkVG6A-.md @@ -0,0 +1,9 @@ +# Gemini CLI + +Gemini CLI is Google's command-line AI tool for developers. It integrates with your existing terminal workflow and can assist with code generation, explanation, and refactoring. It is a practical option if you are already working within the Google Cloud infrastructure. + +Visit the following resources to learn more: + +- [@official@Gemini CLI Docs](https://geminicli.com/docs/) +- [@course@Hands-on with Gemini CLI](https://codelabs.developers.google.com/gemini-cli-hands-on#0) +- [@video@Gemini CLI: The AI agent that lives in your terminal](https://www.youtube.com/watch?v=C5Cjvpfzc_0) \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/github@OFscURhjqJfh8qA3SKSfh.md b/src/data/roadmaps/ai-product-builder/content/github@OFscURhjqJfh8qA3SKSfh.md new file mode 100644 index 000000000..99e0e9f63 --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/github@OFscURhjqJfh8qA3SKSfh.md @@ -0,0 +1,9 @@ +# GitHub + +GitHub is the most widely used platform for hosting and managing code. It tracks every change to the codebase, makes it easy to collaborate with others, and integrates with most CI/CD tools. Setting up a GitHub repository should be one of the first things you do after generating the codebase. + +Visit the following resources to learn more: + +- [@roadmap@Visit Dedicated Git & GitHub Roadmap](https://roadmap.sh/git-github) +- [@official@GitHub Docs](https://docs.github.com/en/get-started/quickstart) +- [@video@What is GitHub?](https://www.youtube.com/watch?v=w3jLJU7DT5E) \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/gitlab@f_d4JlYSbP9BHuCR0kBpP.md b/src/data/roadmaps/ai-product-builder/content/gitlab@f_d4JlYSbP9BHuCR0kBpP.md new file mode 100644 index 000000000..aadb52415 --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/gitlab@f_d4JlYSbP9BHuCR0kBpP.md @@ -0,0 +1,9 @@ +# GitLab + +GitLab is an alternative to GitHub that combines version control with built-in CI/CD pipelines and project management tools. It is a good option if you want everything in one platform or if your organization already uses it. + +Visit the following resources to learn more: + +- [@official@https://about.gitlab.com/get-started/ Documentation](https://docs.gitlab.com/) +- [@official@Get Started with Gitlab](https://about.gitlab.com/get-started/) +- [@video@GitLab Explained: What is GitLab and Why Use It?](https://www.youtube.com/watch?v=bnF7f1zGpo4) \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/hope-ai@8ePFxmPv_Vm7SKoleM1tT.md b/src/data/roadmaps/ai-product-builder/content/hope-ai@8ePFxmPv_Vm7SKoleM1tT.md new file mode 100644 index 000000000..c0994062a --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/hope-ai@8ePFxmPv_Vm7SKoleM1tT.md @@ -0,0 +1,3 @@ +# Hope AI + +Hope AI generates a complete, production-grade codebase from your requirements. Unlike most app builders, the output includes a full back end with a microservice architecture, a database schema, and an API layer. The generated code is portable and not tied to the Hope AI platform, meaning you can take it and work with it using any standard development tool. \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/html--css--javascript@Cem2u4lHoA8KW-0GqVzcw.md b/src/data/roadmaps/ai-product-builder/content/html--css--javascript@Cem2u4lHoA8KW-0GqVzcw.md new file mode 100644 index 000000000..b968c3e12 --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/html--css--javascript@Cem2u4lHoA8KW-0GqVzcw.md @@ -0,0 +1,10 @@ +# HTML / CSS / JavaScript + +These are the three foundational technologies of every web app. HTML defines the structure of a page, CSS controls how it looks, and JavaScript makes it interactive. You will encounter them when refining the front end of any generated application. + +Visit the following resources to learn more: + +- [@roadmap@Visit the Dedicated Frontend Roadmap](https://roadmap.sh/frontend) +- [@roadmap@Visit the Dedicated HTML Roadmap](https://roadmap.sh/html) +- [@roadmap@Visit the Dedicated CSS Roadmap](https://roadmap.sh/css) +- [@roadmap@Visit the Dedicated JavaScript Roadmap](https://roadmap.sh/javascript) \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/integration-testing@MXPA6I8K1_aKKQpgk2EcW.md b/src/data/roadmaps/ai-product-builder/content/integration-testing@MXPA6I8K1_aKKQpgk2EcW.md new file mode 100644 index 000000000..4bbb1f2b1 --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/integration-testing@MXPA6I8K1_aKKQpgk2EcW.md @@ -0,0 +1,9 @@ +# Integration Testing + +Integration tests check that different parts of the app work correctly together; for example, that a form submission reaches the database and returns the right response. They catch problems that unit tests miss because they test the connections between components, not the components themselves. + +Visit the following resources to learn more: + +- [@article@Integration Testing](https://www.guru99.com/integration-testing.html) +- [@article@Unit Test vs Integration Test: What's the Difference?](https://www.testim.io/blog/unit-test-vs-integration-test/) +- [@video@What is Integration Testing?](https://www.youtube.com/watch?v=kRD6PA6uxiY) \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/lovable@T-NUiQvT8dKmg6UDGVSt_.md b/src/data/roadmaps/ai-product-builder/content/lovable@T-NUiQvT8dKmg6UDGVSt_.md new file mode 100644 index 000000000..6a7ff075b --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/lovable@T-NUiQvT8dKmg6UDGVSt_.md @@ -0,0 +1,9 @@ +# Lovable + +Lovable generates a working front-end application from a text description. It is one of the fastest ways to move from an idea to a clickable prototype. The output is sufficient for early user testing but may require refinement before it is ready for production. + +Visit the following resources to learn more: + +- [@official@Lovable Docs](https://docs.lovable.dev/introduction/welcome) +- [@article@What is Lovable AI? A Deep Dive into the Builder | UI Bakery Blog](https://uibakery.io/blog/what-is-lovable-ai) +- [@video@Master Lovable In 24 Minutes](https://www.youtube.com/watch?v=rqvtLxwMklo) \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/mongodb--atlas@gwHXA4WBrZN0VeAx5NKz7.md b/src/data/roadmaps/ai-product-builder/content/mongodb--atlas@gwHXA4WBrZN0VeAx5NKz7.md new file mode 100644 index 000000000..c4bf8a58e --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/mongodb--atlas@gwHXA4WBrZN0VeAx5NKz7.md @@ -0,0 +1,10 @@ +# MongoDB / Atlas + +MongoDB is a document-based database that stores data in a flexible, JSON-like format. Atlas is MongoDB's managed cloud service, which handles backups, scaling, and monitoring automatically. It is a good fit for apps where the data structure is likely to change as the product evolves. + +Visit the following resources to learn more: + +- [@roadmap@Visit Dedicated MongoDB Roadmap](https://roadmap.sh/mongodb) +- [@official@MongoDB Website](https://www.mongodb.com/) +- [@official@Learning Path for MongoDB Developers](https://learn.mongodb.com/catalog) +- [@official@Vector Search in MongoDB Atlas](https://www.mongodb.com/products/platform/atlas-vector-search) \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/new-feature--structural-change@HZHzCLbK-oQh7gSokxHWq.md b/src/data/roadmaps/ai-product-builder/content/new-feature--structural-change@HZHzCLbK-oQh7gSokxHWq.md new file mode 100644 index 000000000..da6f3c3b1 --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/new-feature--structural-change@HZHzCLbK-oQh7gSokxHWq.md @@ -0,0 +1,3 @@ +# New Feature / Structural Change + +When a change affects the architecture of the app, such as adding a new service, reworking the data model, or introducing a new user flow, go back through the generation tool rather than patching the code manually. This keeps the codebase consistent and reduces technical debt. \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/nodejs@d_2Uq2_Befe1tqM8_Y8lq.md b/src/data/roadmaps/ai-product-builder/content/nodejs@d_2Uq2_Befe1tqM8_Y8lq.md new file mode 100644 index 000000000..40ead5686 --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/nodejs@d_2Uq2_Befe1tqM8_Y8lq.md @@ -0,0 +1,9 @@ +# Node.js + +Node.js is the runtime that allows JavaScript to run on a server. Most AI-generated back ends use Node.js. You will need a basic understanding of it when modifying API routes, adding middleware, or debugging server-side logic. + +Visit the following resources to learn more: + +- [@roadmap@Visit the Dedicated Node.js Roadmap](https://roadmap.sh/nodejs) +- [@official@Node.jsLearn Node.js Official WebsiteDocs](https://nodejs.org/en/learn/getting-started/introduction-to-nodejs) +- [@video@Node.js and Express.js Full Course](https://www.youtube.com/watch?v=Oe421EPjeBE) \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/postgresql--mysql@kfl0oJKi1OusryrSqO2jn.md b/src/data/roadmaps/ai-product-builder/content/postgresql--mysql@kfl0oJKi1OusryrSqO2jn.md new file mode 100644 index 000000000..d120847f7 --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/postgresql--mysql@kfl0oJKi1OusryrSqO2jn.md @@ -0,0 +1,11 @@ +# PostgreSQL / MySQL + +PostgreSQL and MySQL are relational databases that store data in structured tables with defined relationships. They are the most widely used databases for web applications and are well supported by every major cloud provider. Use them when your data has a clear, stable structure and relationships between entities matter. + +Visit the following resources to learn more: + +- [@roadmap@Visit Dedicated PostgreSQL DBA Roadmap](https://roadmap.sh/postgresql-dba) +- [@official@PostgreSQL Docs](https://www.postgresql.org/docs/) +- [@official@MySQL Dcos](https://dev.mysql.com/doc/) +- [@article@Learn PostgreSQL - Full Tutorial for Beginners](https://www.postgresqltutorial.com/) +- [@article@MySQL Tutorial](https://www.mysqltutorial.org/) \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/problem-definition@kxDCkO0aZLY4_hd4_ykH6.md b/src/data/roadmaps/ai-product-builder/content/problem-definition@kxDCkO0aZLY4_hd4_ykH6.md new file mode 100644 index 000000000..18994c88e --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/problem-definition@kxDCkO0aZLY4_hd4_ykH6.md @@ -0,0 +1,3 @@ +# Problem Definition + +Start by writing one or two sentences describing the problem your app solves and who it solves it for. If you cannot explain the problem clearly, the generated output will be unfocused. This is the most important input you give to the entire process. \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/railway@Sv7QfwPKaTsviScn2axhk.md b/src/data/roadmaps/ai-product-builder/content/railway@Sv7QfwPKaTsviScn2axhk.md new file mode 100644 index 000000000..265c005de --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/railway@Sv7QfwPKaTsviScn2axhk.md @@ -0,0 +1,9 @@ +# Railway + +Railway is a deployment platform designed for speed and simplicity. It detects the type of project automatically and configures the deployment environment accordingly. It supports databases, back-end services, and front-end apps in the same project, which makes it convenient for full-stack deployments. + +Visit the following resources to learn more: + +- [@official@Railway](https://railway.com/) +- [@official@Quick Start Tutorial](https://docs.railway.com/quick-start) +- [@video@Fastest Way to Deploy a Full Stack Web App (Railway)](https://www.youtube.com/watch?v=JQIKobOcQ9k) \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/react@aHQ8f3ulEeUxTYCifzcPq.md b/src/data/roadmaps/ai-product-builder/content/react@aHQ8f3ulEeUxTYCifzcPq.md new file mode 100644 index 000000000..9def223d7 --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/react@aHQ8f3ulEeUxTYCifzcPq.md @@ -0,0 +1,9 @@ +# React + +React is the most widely used library for building web interfaces. Most AI-generated front ends use React by default. You will need a basic understanding of components, props, and state when making targeted changes to the UI layer of a generated app. + +Visit the following resources to learn more: + +- [@roadmap@Visit the Dedicated React Roadmap](https://roadmap.sh/react) +- [@official@React Docs](https://react.dev/reference/react) +- [@video@Full Stack React Developer Course](https://www.youtube.com/watch?v=Bvwq_S0n2pk) \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/render@OBGQ-1bjYBdYi-_oFpmj8.md b/src/data/roadmaps/ai-product-builder/content/render@OBGQ-1bjYBdYi-_oFpmj8.md new file mode 100644 index 000000000..560b7f444 --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/render@OBGQ-1bjYBdYi-_oFpmj8.md @@ -0,0 +1,9 @@ +# Render + +Render is a cloud platform that supports web services, background workers, cron jobs, and static sites. It is straightforward to configure and deploy directly from a GitHub repository. It is a good option for full-stack apps that need a persistent server without the overhead of managing infrastructure manually. + +Visit the following resources to learn more: + +- [@official@Render Docs + Quickstarts](https://render.com/docs) +- [@article@Render: Cloud Deployment with Less Engineering](https://thenewstack.io/render-cloud-deployment-with-less-engineering/) +- [@video@Deploy any application with one click using Render | Cloud Application Platform](https://www.youtube.com/watch?v=yWxBUcG_C7g) \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/replit@Gf1egAjfyQyAJ4I-aT_Ip.md b/src/data/roadmaps/ai-product-builder/content/replit@Gf1egAjfyQyAJ4I-aT_Ip.md new file mode 100644 index 000000000..147946948 --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/replit@Gf1egAjfyQyAJ4I-aT_Ip.md @@ -0,0 +1,9 @@ +# Replit + +Replit is a browser-based coding environment that also supports AI-assisted app generation. It is useful when you want to prototype and immediately run the code in the same place. It works well for small projects and quick experiments. + +Visit the following resources to learn more: + +- [@official@Replit Docs](https://docs.replit.com/getting-started/intro-replit) +- [@article@What is Replit? An honest look at the AI app builder in 2025](https://www.eesel.ai/blog/replit) +- [@video@Getting Started with Replit](https://www.youtube.com/watch?v=St95nPOwsa8&list=PLto9KpJAqHMTzEMDAFT4r5LlI4NByngyT) \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/supabase@p4Ku5RT5uOVYPuduqz80M.md b/src/data/roadmaps/ai-product-builder/content/supabase@p4Ku5RT5uOVYPuduqz80M.md new file mode 100644 index 000000000..0bd7eb4d5 --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/supabase@p4Ku5RT5uOVYPuduqz80M.md @@ -0,0 +1,8 @@ +# Supabase + +Supabase is an open-source alternative to Firebase built on top of PostgreSQL. It provides a managed database, built-in authentication, real-time subscriptions, and an auto-generated API. It is one of the fastest ways to add a back end to a generated front-end application. + +Visit the following resources to learn more: + +- [@official@Supabase Dcos](https://supabase.com/docs) +- [@video@Supabase Full Course 2025 | Become a Supabase Pro in 1.5 Hours](https://www.youtube.com/watch?v=kyphLGnSz6Q) \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/targeted-change@ydzaN2EHBVAavHS3iPQ40.md b/src/data/roadmaps/ai-product-builder/content/targeted-change@ydzaN2EHBVAavHS3iPQ40.md new file mode 100644 index 000000000..cea69a2b0 --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/targeted-change@ydzaN2EHBVAavHS3iPQ40.md @@ -0,0 +1,3 @@ +# Targeted Change + +A targeted change is a small, localized fix: a bug in a component, a layout adjustment, a logic tweak. Use AI-assisted coding tools like Cursor, Claude Code, or Copilot to make these changes directly in the code without touching the broader architecture. \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/tech-stack--constraints@tN2X9NW0PhcP21OptheoD.md b/src/data/roadmaps/ai-product-builder/content/tech-stack--constraints@tN2X9NW0PhcP21OptheoD.md new file mode 100644 index 000000000..2aa00816d --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/tech-stack--constraints@tN2X9NW0PhcP21OptheoD.md @@ -0,0 +1,8 @@ +# Tech Stack & Constraints + +Define the technologies you want to use before generating anything. AI generation tools produce better output when given clear constraints rather than being left to choose freely. An important note when choosing your tech stack is to pick a popular stack like React, Next.js, Tailwind, or Supabase. AI tools have been trained on large amounts of code using these technologies and produce more reliable output with them. Niche or very new tools increase the chance of errors in the generated code and make it harder to find help when something breaks. + +Visit the following resources to learn more: + +- [@roadmap@Visit the Dedicated Vibe Coding Roadmap](https://roadmap.sh/vibe-coding) +- [@article@The Best Tech Stack in the Age of AI](https://thebootstrappedfounder.com/the-best-tech-stack-in-the-age-of-ai/) \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/unit-testing@VxqhYHA9YpWx70GIhKghY.md b/src/data/roadmaps/ai-product-builder/content/unit-testing@VxqhYHA9YpWx70GIhKghY.md new file mode 100644 index 000000000..508a4e6c9 --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/unit-testing@VxqhYHA9YpWx70GIhKghY.md @@ -0,0 +1,8 @@ +# Unit Testing + +A unit test checks that a single function or component behaves as expected in isolation. AI-generated codebases sometimes include unit tests automatically; if they do not, write them for the parts of the code that handle critical business logic. They are the fastest type of test to run and the easiest to debug when they fail. + +Visit the following resources to learn more: + +- [@article@What is Unit Testing?](https://www.guru99.com/unit-testing-guide.html) +- [@video@What is Unit Testing?](https://youtu.be/x95ez7_V7rA?si=JhCVhcEN7zZOkxdp) \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/user-testing@aRA5S0Mmmhx9F0nhD3Wcp.md b/src/data/roadmaps/ai-product-builder/content/user-testing@aRA5S0Mmmhx9F0nhD3Wcp.md new file mode 100644 index 000000000..575bd6df6 --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/user-testing@aRA5S0Mmmhx9F0nhD3Wcp.md @@ -0,0 +1,7 @@ +# User Testing + +User testing means putting the app in front of real people and watching how they use it. You are not looking for opinions; you are looking for moments where they hesitate, get confused, or do something unexpected. Each session gives you concrete input for the next refinement cycle. + +Visit the following resources to learn more: + +- [@article@What is User Testing? Definition, Types & Methods](https://trymata.com/blog/what-is-user-testing/) \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/v0@xKBoLYQgpLDmOtDweVHei.md b/src/data/roadmaps/ai-product-builder/content/v0@xKBoLYQgpLDmOtDweVHei.md new file mode 100644 index 000000000..011211c07 --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/v0@xKBoLYQgpLDmOtDweVHei.md @@ -0,0 +1,9 @@ +# v0 + +v0 is Vercel's UI generation tool. You describe a component or screen, and it produces React code ready to use in your project. It is best for generating individual UI components rather than full applications. + +Visit the following resources to learn more: + +- [@official@v0 Docs](https://v0.app/docs) +- [@article@Transforming how you work with v0 - Vercel](https://vercel.com/blog/transforming-how-you-work-with-v0) +- [@video@How To Use v0 by Vercel For Beginners](https://www.youtube.com/watch?v=41SR07p243Q) \ No newline at end of file diff --git a/src/data/roadmaps/ai-product-builder/content/vercel@wUg8ypt4aWXgMYGiaIdgy.md b/src/data/roadmaps/ai-product-builder/content/vercel@wUg8ypt4aWXgMYGiaIdgy.md new file mode 100644 index 000000000..e2c1e38c7 --- /dev/null +++ b/src/data/roadmaps/ai-product-builder/content/vercel@wUg8ypt4aWXgMYGiaIdgy.md @@ -0,0 +1,9 @@ +# Vercel + +Vercel is a platform designed for deploying and hosting web applications, particularly those built with modern frontend frameworks and static site generators. It provides features like automatic deployments from Git repositories, serverless functions, and a global content delivery network (CDN) to ensure fast and reliable performance. Vercel simplifies the process of taking a frontend project from development to production. + +Visit the following resources to learn more: + +- [@official@Vercel Documentation](https://vercel.com/docs) +- [@official@Vercel Quick Start](https://vercel.com/docs/getting-started-with-vercel) +- [@video@Vercel Tutorial - Host a Website for Free](https://www.youtube.com/watch?v=Vx5nPGdsFaU) \ No newline at end of file