Full Stack | Attack on Lifehttps://en.1991421.cn/tag/full-stack/Full StackHugo Blox Builder (https://hugoblox.com)en-USThu, 22 Jan 2026 21:59:44 +0800https://en.1991421.cn/media/sharing.pngFull Stackhttps://en.1991421.cn/tag/full-stack/How to Use AI to Build a Full-Stack Project (Step-by-Step Guide)https://en.1991421.cn/2026/01/22/using-ai-to-build-a-fullstack-project/Thu, 22 Jan 2026 21:59:44 +0800https://en.1991421.cn/2026/01/22/using-ai-to-build-a-fullstack-project/<blockquote> <p>You can spin up a solid full-stack project quickly with AI. To avoid back-and-forth, here’s the tech stack I rely on in real projects. Feed it to your AI or drop it in project docs—just hand it to the model.</p> </blockquote> <h2 id="frontend-stack"> <a class="heading-anchor-link" href="#frontend-stack">Frontend stack</a> <button class="heading-anchor" type="button" data-anchor="frontend-stack" aria-label="Copy anchor link" title="Copy anchor link" > <span class="heading-anchor-wrap" aria-hidden="true"> <svg class="heading-anchor-icon heading-anchor-icon-default" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" fill="currentColor"> <path d="M0 256C0 167.6 71.6 96 160 96h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C98.1 144 48 194.1 48 256s50.1 112 112 112h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C71.6 416 0 344.4 0 256zm576 0c0 88.4-71.6 160-160 160H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c61.9 0 112-50.1 112-112s-50.1-112-112-112H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c88.4 0 160 71.6 160 160zM184 232H392c13.3 0 24 10.7 24 24s-10.7 24-24 24H184c-13.3 0-24-10.7-24-24s10.7-24 24-24z"></path> </svg> <svg class="heading-anchor-icon heading-anchor-icon-copied" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"> <path d="M256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48zm107.1 145.1L230.6 325.6c-6.2 6.2-16.4 6.2-22.6 0l-59-59c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l47.7 47.7 121.1-121.1c6.2-6.2 16.4-6.2 22.6 0s6.3 16.4.1 22.5z"></path> </svg> </span> </button> </h2><ol> <li>Package manager: npm</li> <li>React</li> <li>TypeScript</li> <li>Vite</li> <li>dayjs</li> <li>Tailwind CSS + ShaCDN Components</li> <li>Need charts? Use ECharts</li> </ol> <h2 id="backend-stack"> <a class="heading-anchor-link" href="#backend-stack">Backend stack</a> <button class="heading-anchor" type="button" data-anchor="backend-stack" aria-label="Copy anchor link" title="Copy anchor link" > <span class="heading-anchor-wrap" aria-hidden="true"> <svg class="heading-anchor-icon heading-anchor-icon-default" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" fill="currentColor"> <path d="M0 256C0 167.6 71.6 96 160 96h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C98.1 144 48 194.1 48 256s50.1 112 112 112h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C71.6 416 0 344.4 0 256zm576 0c0 88.4-71.6 160-160 160H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c61.9 0 112-50.1 112-112s-50.1-112-112-112H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c88.4 0 160 71.6 160 160zM184 232H392c13.3 0 24 10.7 24 24s-10.7 24-24 24H184c-13.3 0-24-10.7-24-24s10.7-24 24-24z"></path> </svg> <svg class="heading-anchor-icon heading-anchor-icon-copied" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"> <path d="M256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48zm107.1 145.1L230.6 325.6c-6.2 6.2-16.4 6.2-22.6 0l-59-59c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l47.7 47.7 121.1-121.1c6.2-6.2 16.4-6.2 22.6 0s6.3 16.4.1 22.5z"></path> </svg> </span> </button> </h2><ol> <li>Package manager: npm</li> <li>NestJS</li> <li>TypeScript</li> <li>Database: MySQL</li> <li>ORM: TypeORM</li> <li>JWT for auth</li> <li>Swagger for API docs</li> </ol> <h2 id="miniprogram-stack"> <a class="heading-anchor-link" href="#miniprogram-stack">Mini‑program stack</a> <button class="heading-anchor" type="button" data-anchor="miniprogram-stack" aria-label="Copy anchor link" title="Copy anchor link" > <span class="heading-anchor-wrap" aria-hidden="true"> <svg class="heading-anchor-icon heading-anchor-icon-default" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" fill="currentColor"> <path d="M0 256C0 167.6 71.6 96 160 96h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C98.1 144 48 194.1 48 256s50.1 112 112 112h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C71.6 416 0 344.4 0 256zm576 0c0 88.4-71.6 160-160 160H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c61.9 0 112-50.1 112-112s-50.1-112-112-112H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c88.4 0 160 71.6 160 160zM184 232H392c13.3 0 24 10.7 24 24s-10.7 24-24 24H184c-13.3 0-24-10.7-24-24s10.7-24 24-24z"></path> </svg> <svg class="heading-anchor-icon heading-anchor-icon-copied" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"> <path d="M256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48zm107.1 145.1L230.6 325.6c-6.2 6.2-16.4 6.2-22.6 0l-59-59c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l47.7 47.7 121.1-121.1c6.2-6.2 16.4-6.2 22.6 0s6.3 16.4.1 22.5z"></path> </svg> </span> </button> </h2><ol> <li>Package manager: npm</li> <li>Taro framework</li> <li>TypeScript</li> <li>Build with Vite</li> <li>dayjs for dates/times</li> <li>Component library: TDesign Mini</li> </ol>