[{"data":1,"prerenderedAt":2093},["ShallowReactive",2],{"navigation":3,"/templates/panduan-setup-all-stack":95,"/templates/panduan-setup-all-stack-surround":2088},[4,23,48],{"title":5,"path":6,"stem":7,"children":8,"icon":22},"Getting Started","/getting-started","1.getting-started/1.index",[9,12,17],{"title":10,"path":6,"stem":7,"icon":11},"About Me","i-lucide-user",{"title":13,"path":14,"stem":15,"icon":16},"Installation","/getting-started/installation","1.getting-started/2.installation","i-lucide-download",{"title":18,"path":19,"stem":20,"icon":21},"Usage","/getting-started/usage","1.getting-started/3.usage","i-lucide-sliders",false,{"title":24,"path":25,"stem":26,"children":27,"page":22},"Essentials","/essentials","2.essentials",[28,33,38,43],{"title":29,"path":30,"stem":31,"icon":32},"Markdown Syntax","/essentials/markdown-syntax","2.essentials/1.markdown-syntax","i-lucide-heading-1",{"title":34,"path":35,"stem":36,"icon":37},"Code Blocks","/essentials/code-blocks","2.essentials/2.code-blocks","i-lucide-code-xml",{"title":39,"path":40,"stem":41,"icon":42},"Prose Components","/essentials/prose-components","2.essentials/3.prose-components","i-lucide-component",{"title":44,"path":45,"stem":46,"icon":47},"Images and Embeds","/essentials/images-embeds","2.essentials/4.images-embeds","i-lucide-image",{"title":49,"path":50,"stem":51,"children":52},"Templates","/templates","templates",[53,56,61,65,70,74,78,83,87,91],{"title":49,"path":50,"stem":54,"icon":55},"templates/index","i-lucide-archive",{"title":57,"path":58,"stem":59,"icon":60},"Panduan Setup HTML/CSS - Dari Template Statis hingga Responsive Design","/templates/html-css-setup-guide","templates/html-css-setup-guide","i-lucide-file-text",{"title":62,"path":63,"stem":64,"icon":60},"Panduan Setup Laravel - Dari Template hingga Ready Production","/templates/laravel-setup-guide","templates/laravel-setup-guide",{"title":66,"path":67,"stem":68,"icon":69},"Next.js SaaS Starter Kit - Panduan Lengkap","/templates/nextjs-saas-starter","templates/nextjs-saas-starter","i-lucide-layout-template",{"title":71,"path":72,"stem":73,"icon":60},"Panduan Setup Next.js - Dari Template hingga Production Ready","/templates/nextjs-setup-guide","templates/nextjs-setup-guide",{"title":75,"path":76,"stem":77,"icon":16},"Panduan Membeli & Download Template","/templates/panduan-beli-download","templates/panduan-beli-download",{"title":79,"path":80,"stem":81,"icon":82},"Panduan Setup Lengkap Semua Tech-Stack","/templates/panduan-setup-all-stack","templates/panduan-setup-all-stack","i-lucide-rocket",{"title":84,"path":85,"stem":86,"icon":60},"Panduan Setup PHP - Dari Template Hingga Production Deployment","/templates/php-setup-guide","templates/php-setup-guide",{"title":88,"path":89,"stem":90,"icon":60},"Product Documentation Template","/templates/product-documentation","templates/product-documentation",{"title":92,"path":93,"stem":94,"icon":60},"Panduan Setup React - Dari Download hingga Konfigurasi","/templates/react-setup-guide","templates/react-setup-guide",{"id":96,"title":79,"body":97,"description":2081,"extension":2082,"links":2083,"meta":2084,"navigation":2085,"path":80,"seo":2086,"stem":81,"__hash__":2087},"docs/templates/panduan-setup-all-stack.md",{"type":98,"value":99,"toc":2018},"minimark",[100,105,109,112,117,122,132,136,225,229,237,241,250,256,266,270,300,304,355,359,384,386,390,393,400,403,465,469,475,483,489,498,502,560,564,585,588,613,615,619,622,633,636,725,731,737,741,802,806,812,816,858,862,907,909,913,916,927,930,997,1001,1007,1011,1156,1160,1275,1278,1302,1304,1308,1311,1321,1324,1329,1390,1394,1465,1468,1531,1534,1540,1544,1617,1621,1658,1661,1678,1680,1684,1687,1762,1764,1768,1772,1796,1800,1818,1821,1842,1846,1872,1875,1895,1897,1901,1905,1913,1917,1928,1932,1938,1942,1948,1952,1959,1961,1965,2006,2008,2014],[101,102,104],"h1",{"id":103},"panduan-setup-lengkap-semua-tech-stack","📄 Panduan Setup Lengkap Semua Tech-Stack",[106,107,108],"p",{},"Panduan komprehensif untuk setup semua tech-stack yang tersedia, dari instalasi hingga production deployment.",[110,111],"hr",{},[113,114,116],"h2",{"id":115},"react-setup-instalasi","🔵 REACT - Setup & Instalasi",[118,119,121],"h3",{"id":120},"requirements","Requirements",[123,124,125,129],"ul",{},[126,127,128],"li",{},"Node.js 16+",[126,130,131],{},"npm atau yarn",[118,133,135],{"id":134},"quick-start","Quick Start",[137,138,143],"pre",{"className":139,"code":140,"language":141,"meta":142,"style":142},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","# Buat project baru\nnpx create-react-app my-app\ncd my-app\n\n# Install dependencies jika download template\nnpm install\n\n# Jalankan development server\nnpm start\n# Akses: http://localhost:3000\n","bash","",[144,145,146,155,169,178,185,191,200,205,211,219],"code",{"__ignoreMap":142},[147,148,151],"span",{"class":149,"line":150},"line",1,[147,152,154],{"class":153},"sHwdD","# Buat project baru\n",[147,156,158,162,166],{"class":149,"line":157},2,[147,159,161],{"class":160},"sBMFI","npx",[147,163,165],{"class":164},"sfazB"," create-react-app",[147,167,168],{"class":164}," my-app\n",[147,170,172,176],{"class":149,"line":171},3,[147,173,175],{"class":174},"s2Zo4","cd",[147,177,168],{"class":164},[147,179,181],{"class":149,"line":180},4,[147,182,184],{"emptyLinePlaceholder":183},true,"\n",[147,186,188],{"class":149,"line":187},5,[147,189,190],{"class":153},"# Install dependencies jika download template\n",[147,192,194,197],{"class":149,"line":193},6,[147,195,196],{"class":160},"npm",[147,198,199],{"class":164}," install\n",[147,201,203],{"class":149,"line":202},7,[147,204,184],{"emptyLinePlaceholder":183},[147,206,208],{"class":149,"line":207},8,[147,209,210],{"class":153},"# Jalankan development server\n",[147,212,214,216],{"class":149,"line":213},9,[147,215,196],{"class":160},[147,217,218],{"class":164}," start\n",[147,220,222],{"class":149,"line":221},10,[147,223,224],{"class":153},"# Akses: http://localhost:3000\n",[118,226,228],{"id":227},"struktur-folder-react","Struktur Folder React",[137,230,235],{"className":231,"code":233,"language":234},[232],"language-text","src/\n├── components/     # Reusable components\n├── pages/         # Page components\n├── styles/        # CSS files\n├── utils/         # Helper functions\n├── App.jsx        # Main component\n└── index.jsx      # Entry point\n","text",[144,236,233],{"__ignoreMap":142},[118,238,240],{"id":239},"konfigurasi-penting","Konfigurasi Penting",[106,242,243],{},[244,245,246,249],"strong",{},[144,247,248],{},".env"," file:",[137,251,254],{"className":252,"code":253,"language":234},[232],"REACT_APP_API_URL=http://localhost:3000\nREACT_APP_NAME=MyApp\n",[144,255,253],{"__ignoreMap":142},[106,257,258,259,262,263],{},"⚠️ ",[244,260,261],{},"Note:"," Environment variables harus dimulai dengan ",[144,264,265],{},"REACT_APP_",[118,267,269],{"id":268},"install-package-umum","Install Package Umum",[137,271,273],{"className":139,"code":272,"language":141,"meta":142,"style":142},"npm install react-router-dom axios\nnpm install -D tailwindcss\n",[144,274,275,288],{"__ignoreMap":142},[147,276,277,279,282,285],{"class":149,"line":150},[147,278,196],{"class":160},[147,280,281],{"class":164}," install",[147,283,284],{"class":164}," react-router-dom",[147,286,287],{"class":164}," axios\n",[147,289,290,292,294,297],{"class":149,"line":157},[147,291,196],{"class":160},[147,293,281],{"class":164},[147,295,296],{"class":164}," -D",[147,298,299],{"class":164}," tailwindcss\n",[118,301,303],{"id":302},"build-untuk-production","Build untuk Production",[137,305,307],{"className":139,"code":306,"language":141,"meta":142,"style":142},"npm run build\n# Output: folder \"build\"\n\n# Test production build\nnpm install -g serve\nserve -s build\n",[144,308,309,319,324,328,333,345],{"__ignoreMap":142},[147,310,311,313,316],{"class":149,"line":150},[147,312,196],{"class":160},[147,314,315],{"class":164}," run",[147,317,318],{"class":164}," build\n",[147,320,321],{"class":149,"line":157},[147,322,323],{"class":153},"# Output: folder \"build\"\n",[147,325,326],{"class":149,"line":171},[147,327,184],{"emptyLinePlaceholder":183},[147,329,330],{"class":149,"line":180},[147,331,332],{"class":153},"# Test production build\n",[147,334,335,337,339,342],{"class":149,"line":187},[147,336,196],{"class":160},[147,338,281],{"class":164},[147,340,341],{"class":164}," -g",[147,343,344],{"class":164}," serve\n",[147,346,347,350,353],{"class":149,"line":193},[147,348,349],{"class":160},"serve",[147,351,352],{"class":164}," -s",[147,354,318],{"class":164},[118,356,358],{"id":357},"deploy","Deploy",[123,360,361,370,376],{},[126,362,363,366,367],{},[244,364,365],{},"Vercel",": ",[144,368,369],{},"npm install -g vercel && vercel",[126,371,372,375],{},[244,373,374],{},"Netlify",": Drag & drop folder \"build\"",[126,377,378,366,381],{},[244,379,380],{},"GitHub Pages",[144,382,383],{},"npm install --save-dev gh-pages",[110,385],{},[113,387,389],{"id":388},"nextjs-setup-instalasi","⚫ NEXT.JS - Setup & Instalasi",[118,391,121],{"id":392},"requirements-1",[123,394,395,398],{},[126,396,397],{},"Node.js 18.17+",[126,399,131],{},[118,401,135],{"id":402},"quick-start-1",[137,404,406],{"className":139,"code":405,"language":141,"meta":142,"style":142},"# Buat project baru (recommended)\nnpx create-next-app@latest my-nextjs-app\ncd my-nextjs-app\n\n# Atau dengan template yang didownload\nnpm install\n\n# Jalankan development server\nnpm run dev\n# Akses: http://localhost:3000\n",[144,407,408,413,423,429,433,438,444,448,452,461],{"__ignoreMap":142},[147,409,410],{"class":149,"line":150},[147,411,412],{"class":153},"# Buat project baru (recommended)\n",[147,414,415,417,420],{"class":149,"line":157},[147,416,161],{"class":160},[147,418,419],{"class":164}," create-next-app@latest",[147,421,422],{"class":164}," my-nextjs-app\n",[147,424,425,427],{"class":149,"line":171},[147,426,175],{"class":174},[147,428,422],{"class":164},[147,430,431],{"class":149,"line":180},[147,432,184],{"emptyLinePlaceholder":183},[147,434,435],{"class":149,"line":187},[147,436,437],{"class":153},"# Atau dengan template yang didownload\n",[147,439,440,442],{"class":149,"line":193},[147,441,196],{"class":160},[147,443,199],{"class":164},[147,445,446],{"class":149,"line":202},[147,447,184],{"emptyLinePlaceholder":183},[147,449,450],{"class":149,"line":207},[147,451,210],{"class":153},[147,453,454,456,458],{"class":149,"line":213},[147,455,196],{"class":160},[147,457,315],{"class":164},[147,459,460],{"class":164}," dev\n",[147,462,463],{"class":149,"line":221},[147,464,224],{"class":153},[118,466,468],{"id":467},"struktur-folder-nextjs-app-router","Struktur Folder Next.js (App Router)",[137,470,473],{"className":471,"code":472,"language":234},[232],"app/\n├── layout.jsx      # Root layout\n├── page.jsx        # Home page (/)\n├── api/\n│   └── route.js    # API endpoint\n└── blog/\n    ├── [slug]/\n    │   └── page.jsx # Dynamic route\n\ncomponents/        # Reusable components\nlib/              # Helper functions\npublic/           # Static files\n",[144,474,472],{"__ignoreMap":142},[118,476,478,479,482],{"id":477},"environment-variables-envlocal","Environment Variables (",[144,480,481],{},".env.local",")",[137,484,487],{"className":485,"code":486,"language":234},[232],"NEXT_PUBLIC_API_URL=http://localhost:3000\nDATABASE_URL=postgresql://...\nAPI_SECRET_KEY=secret_key\n",[144,488,486],{"__ignoreMap":142},[106,490,491,493,494,497],{},[244,492,261],{}," ",[144,495,496],{},"NEXT_PUBLIC_"," = client-side, tanpa prefix = server-side",[118,499,501],{"id":500},"setup-database-auth","Setup Database & Auth",[137,503,505],{"className":139,"code":504,"language":141,"meta":142,"style":142},"# Prisma ORM\nnpm install @prisma/client\nnpm install -D prisma\nnpx prisma init\n\n# NextAuth untuk authentication\nnpm install next-auth\n",[144,506,507,512,521,532,542,546,551],{"__ignoreMap":142},[147,508,509],{"class":149,"line":150},[147,510,511],{"class":153},"# Prisma ORM\n",[147,513,514,516,518],{"class":149,"line":157},[147,515,196],{"class":160},[147,517,281],{"class":164},[147,519,520],{"class":164}," @prisma/client\n",[147,522,523,525,527,529],{"class":149,"line":171},[147,524,196],{"class":160},[147,526,281],{"class":164},[147,528,296],{"class":164},[147,530,531],{"class":164}," prisma\n",[147,533,534,536,539],{"class":149,"line":180},[147,535,161],{"class":160},[147,537,538],{"class":164}," prisma",[147,540,541],{"class":164}," init\n",[147,543,544],{"class":149,"line":187},[147,545,184],{"emptyLinePlaceholder":183},[147,547,548],{"class":149,"line":193},[147,549,550],{"class":153},"# NextAuth untuk authentication\n",[147,552,553,555,557],{"class":149,"line":202},[147,554,196],{"class":160},[147,556,281],{"class":164},[147,558,559],{"class":164}," next-auth\n",[118,561,563],{"id":562},"build-run-production","Build & Run Production",[137,565,567],{"className":139,"code":566,"language":141,"meta":142,"style":142},"npm run build\nnpm run start\n",[144,568,569,577],{"__ignoreMap":142},[147,570,571,573,575],{"class":149,"line":150},[147,572,196],{"class":160},[147,574,315],{"class":164},[147,576,318],{"class":164},[147,578,579,581,583],{"class":149,"line":157},[147,580,196],{"class":160},[147,582,315],{"class":164},[147,584,218],{"class":164},[118,586,358],{"id":587},"deploy-1",[123,589,590,599,607],{},[126,591,592,594,595,598],{},[244,593,365],{}," (recommended): ",[144,596,597],{},"vercel"," atau push ke GitHub",[126,600,601,603,604],{},[244,602,374],{},": Setup build command ",[144,605,606],{},"npm run build",[126,608,609,612],{},[244,610,611],{},"Docker",": Siap untuk containerization",[110,614],{},[113,616,618],{"id":617},"laravel-setup-instalasi","🔴 LARAVEL - Setup & Instalasi",[118,620,121],{"id":621},"requirements-2",[123,623,624,627,630],{},[126,625,626],{},"PHP 8.1+",[126,628,629],{},"Composer",[126,631,632],{},"MySQL/Database",[118,634,135],{"id":635},"quick-start-2",[137,637,639],{"className":139,"code":638,"language":141,"meta":142,"style":142},"# Install Laravel Installer\ncomposer global require laravel/installer\n\n# Buat project baru\nlaravel new my-laravel-app\ncd my-laravel-app\n\n# Atau dengan template yang didownload\ncomposer install\nphp artisan key:generate\nphp artisan serve\n# Akses: http://localhost:8000\n",[144,640,641,646,660,664,668,679,685,689,693,699,710,719],{"__ignoreMap":142},[147,642,643],{"class":149,"line":150},[147,644,645],{"class":153},"# Install Laravel Installer\n",[147,647,648,651,654,657],{"class":149,"line":157},[147,649,650],{"class":160},"composer",[147,652,653],{"class":164}," global",[147,655,656],{"class":164}," require",[147,658,659],{"class":164}," laravel/installer\n",[147,661,662],{"class":149,"line":171},[147,663,184],{"emptyLinePlaceholder":183},[147,665,666],{"class":149,"line":180},[147,667,154],{"class":153},[147,669,670,673,676],{"class":149,"line":187},[147,671,672],{"class":160},"laravel",[147,674,675],{"class":164}," new",[147,677,678],{"class":164}," my-laravel-app\n",[147,680,681,683],{"class":149,"line":193},[147,682,175],{"class":174},[147,684,678],{"class":164},[147,686,687],{"class":149,"line":202},[147,688,184],{"emptyLinePlaceholder":183},[147,690,691],{"class":149,"line":207},[147,692,437],{"class":153},[147,694,695,697],{"class":149,"line":213},[147,696,650],{"class":160},[147,698,199],{"class":164},[147,700,701,704,707],{"class":149,"line":221},[147,702,703],{"class":160},"php",[147,705,706],{"class":164}," artisan",[147,708,709],{"class":164}," key:generate\n",[147,711,713,715,717],{"class":149,"line":712},11,[147,714,703],{"class":160},[147,716,706],{"class":164},[147,718,344],{"class":164},[147,720,722],{"class":149,"line":721},12,[147,723,724],{"class":153},"# Akses: http://localhost:8000\n",[118,726,728,729,482],{"id":727},"konfigurasi-database-env","Konfigurasi Database (",[144,730,248],{},[137,732,735],{"className":733,"code":734,"language":234},[232],"DB_CONNECTION=mysql\nDB_HOST=127.0.0.1\nDB_PORT=3306\nDB_DATABASE=laravel_db\nDB_USERNAME=root\nDB_PASSWORD=password\n",[144,736,734],{"__ignoreMap":142},[118,738,740],{"id":739},"database-setup","Database Setup",[137,742,744],{"className":139,"code":743,"language":141,"meta":142,"style":142},"# Create database (MySQL console atau tool)\nCREATE DATABASE laravel_db;\n\n# Run migrations\nphp artisan migrate\n\n# Seed data\nphp artisan db:seed\n",[144,745,746,751,766,770,775,784,788,793],{"__ignoreMap":142},[147,747,748],{"class":149,"line":150},[147,749,750],{"class":153},"# Create database (MySQL console atau tool)\n",[147,752,753,756,759,762],{"class":149,"line":157},[147,754,755],{"class":160},"CREATE",[147,757,758],{"class":164}," DATABASE",[147,760,761],{"class":164}," laravel_db",[147,763,765],{"class":764},"sMK4o",";\n",[147,767,768],{"class":149,"line":171},[147,769,184],{"emptyLinePlaceholder":183},[147,771,772],{"class":149,"line":180},[147,773,774],{"class":153},"# Run migrations\n",[147,776,777,779,781],{"class":149,"line":187},[147,778,703],{"class":160},[147,780,706],{"class":164},[147,782,783],{"class":164}," migrate\n",[147,785,786],{"class":149,"line":193},[147,787,184],{"emptyLinePlaceholder":183},[147,789,790],{"class":149,"line":202},[147,791,792],{"class":153},"# Seed data\n",[147,794,795,797,799],{"class":149,"line":207},[147,796,703],{"class":160},[147,798,706],{"class":164},[147,800,801],{"class":164}," db:seed\n",[118,803,805],{"id":804},"struktur-folder-laravel","Struktur Folder Laravel",[137,807,810],{"className":808,"code":809,"language":234},[232],"app/\n├── Http/Controllers/   # Business logic\n├── Models/            # Database models\n\ndatabase/\n├── migrations/        # Schema files\n├── seeders/          # Sample data\n\nresources/\n├── views/            # Blade templates\n├── css/\n└── js/\n\nroutes/\n├── web.php           # Web routes\n└── api.php           # API routes\n",[144,811,809],{"__ignoreMap":142},[118,813,815],{"id":814},"install-dependencies","Install Dependencies",[137,817,819],{"className":139,"code":818,"language":141,"meta":142,"style":142},"# NPM assets\nnpm install\nnpm run dev\n\n# Authentication\nphp artisan breeze:install\n",[144,820,821,826,832,840,844,849],{"__ignoreMap":142},[147,822,823],{"class":149,"line":150},[147,824,825],{"class":153},"# NPM assets\n",[147,827,828,830],{"class":149,"line":157},[147,829,196],{"class":160},[147,831,199],{"class":164},[147,833,834,836,838],{"class":149,"line":171},[147,835,196],{"class":160},[147,837,315],{"class":164},[147,839,460],{"class":164},[147,841,842],{"class":149,"line":180},[147,843,184],{"emptyLinePlaceholder":183},[147,845,846],{"class":149,"line":187},[147,847,848],{"class":153},"# Authentication\n",[147,850,851,853,855],{"class":149,"line":193},[147,852,703],{"class":160},[147,854,706],{"class":164},[147,856,857],{"class":164}," breeze:install\n",[118,859,861],{"id":860},"build-deploy","Build & Deploy",[137,863,865],{"className":139,"code":864,"language":141,"meta":142,"style":142},"# Production optimization\nphp artisan config:cache\nphp artisan route:cache\nnpm run build\n\n# Deploy ke shared hosting, VPS, atau Docker\n",[144,866,867,872,881,890,898,902],{"__ignoreMap":142},[147,868,869],{"class":149,"line":150},[147,870,871],{"class":153},"# Production optimization\n",[147,873,874,876,878],{"class":149,"line":157},[147,875,703],{"class":160},[147,877,706],{"class":164},[147,879,880],{"class":164}," config:cache\n",[147,882,883,885,887],{"class":149,"line":171},[147,884,703],{"class":160},[147,886,706],{"class":164},[147,888,889],{"class":164}," route:cache\n",[147,891,892,894,896],{"class":149,"line":180},[147,893,196],{"class":160},[147,895,315],{"class":164},[147,897,318],{"class":164},[147,899,900],{"class":149,"line":187},[147,901,184],{"emptyLinePlaceholder":183},[147,903,904],{"class":149,"line":193},[147,905,906],{"class":153},"# Deploy ke shared hosting, VPS, atau Docker\n",[110,908],{},[113,910,912],{"id":911},"htmlcss-setup-instalasi","🌐 HTML/CSS - Setup & Instalasi",[118,914,121],{"id":915},"requirements-3",[123,917,918,921,924],{},[126,919,920],{},"Browser modern",[126,922,923],{},"Text editor (VS Code recommended)",[126,925,926],{},"Live Server extension (optional)",[118,928,135],{"id":929},"quick-start-3",[137,931,933],{"className":139,"code":932,"language":141,"meta":142,"style":142},"# Extract template\nunzip template-html.zip\ncd template-html\n\n# Jalankan dengan Live Server\n# VS Code: Right-click index.html → Open with Live Server\n\n# Atau dengan Python\npython3 -m http.server 8000\n# Akses: http://localhost:8000\n",[144,934,935,940,948,955,959,964,969,973,978,993],{"__ignoreMap":142},[147,936,937],{"class":149,"line":150},[147,938,939],{"class":153},"# Extract template\n",[147,941,942,945],{"class":149,"line":157},[147,943,944],{"class":160},"unzip",[147,946,947],{"class":164}," template-html.zip\n",[147,949,950,952],{"class":149,"line":171},[147,951,175],{"class":174},[147,953,954],{"class":164}," template-html\n",[147,956,957],{"class":149,"line":180},[147,958,184],{"emptyLinePlaceholder":183},[147,960,961],{"class":149,"line":187},[147,962,963],{"class":153},"# Jalankan dengan Live Server\n",[147,965,966],{"class":149,"line":193},[147,967,968],{"class":153},"# VS Code: Right-click index.html → Open with Live Server\n",[147,970,971],{"class":149,"line":202},[147,972,184],{"emptyLinePlaceholder":183},[147,974,975],{"class":149,"line":207},[147,976,977],{"class":153},"# Atau dengan Python\n",[147,979,980,983,986,989],{"class":149,"line":213},[147,981,982],{"class":160},"python3",[147,984,985],{"class":164}," -m",[147,987,988],{"class":164}," http.server",[147,990,992],{"class":991},"sbssI"," 8000\n",[147,994,995],{"class":149,"line":221},[147,996,724],{"class":153},[118,998,1000],{"id":999},"folder-structure","Folder Structure",[137,1002,1005],{"className":1003,"code":1004,"language":234},[232],"project/\n├── index.html        # Home page\n├── css/\n│   └── style.css\n├── js/\n│   └── main.js\n├── images/\n├── fonts/\n└── assets/\n",[144,1006,1004],{"__ignoreMap":142},[118,1008,1010],{"id":1009},"css-responsive","CSS Responsive",[137,1012,1016],{"className":1013,"code":1014,"language":1015,"meta":142,"style":142},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","/* Desktop */\n.container { max-width: 1200px; }\n\n/* Tablet */\n@media (max-width: 768px) {\n  .container { padding: 15px; }\n}\n\n/* Mobile */\n@media (max-width: 480px) {\n  .container { padding: 10px; }\n}\n","css",[144,1017,1018,1023,1050,1054,1059,1081,1102,1107,1111,1116,1133,1152],{"__ignoreMap":142},[147,1019,1020],{"class":149,"line":150},[147,1021,1022],{"class":153},"/* Desktop */\n",[147,1024,1025,1028,1031,1034,1038,1041,1044,1047],{"class":149,"line":157},[147,1026,1027],{"class":764},".",[147,1029,1030],{"class":160},"container",[147,1032,1033],{"class":764}," {",[147,1035,1037],{"class":1036},"sqsOY"," max-width",[147,1039,1040],{"class":764},":",[147,1042,1043],{"class":991}," 1200px",[147,1045,1046],{"class":764},";",[147,1048,1049],{"class":764}," }\n",[147,1051,1052],{"class":149,"line":171},[147,1053,184],{"emptyLinePlaceholder":183},[147,1055,1056],{"class":149,"line":180},[147,1057,1058],{"class":153},"/* Tablet */\n",[147,1060,1061,1065,1068,1071,1073,1076,1078],{"class":149,"line":187},[147,1062,1064],{"class":1063},"s7zQu","@media",[147,1066,1067],{"class":764}," (",[147,1069,1070],{"class":160},"max-width",[147,1072,1040],{"class":764},[147,1074,1075],{"class":991}," 768px",[147,1077,482],{"class":764},[147,1079,1080],{"class":764}," {\n",[147,1082,1083,1086,1088,1090,1093,1095,1098,1100],{"class":149,"line":193},[147,1084,1085],{"class":764},"  .",[147,1087,1030],{"class":160},[147,1089,1033],{"class":764},[147,1091,1092],{"class":1036}," padding",[147,1094,1040],{"class":764},[147,1096,1097],{"class":991}," 15px",[147,1099,1046],{"class":764},[147,1101,1049],{"class":764},[147,1103,1104],{"class":149,"line":202},[147,1105,1106],{"class":764},"}\n",[147,1108,1109],{"class":149,"line":207},[147,1110,184],{"emptyLinePlaceholder":183},[147,1112,1113],{"class":149,"line":213},[147,1114,1115],{"class":153},"/* Mobile */\n",[147,1117,1118,1120,1122,1124,1126,1129,1131],{"class":149,"line":221},[147,1119,1064],{"class":1063},[147,1121,1067],{"class":764},[147,1123,1070],{"class":160},[147,1125,1040],{"class":764},[147,1127,1128],{"class":991}," 480px",[147,1130,482],{"class":764},[147,1132,1080],{"class":764},[147,1134,1135,1137,1139,1141,1143,1145,1148,1150],{"class":149,"line":712},[147,1136,1085],{"class":764},[147,1138,1030],{"class":160},[147,1140,1033],{"class":764},[147,1142,1092],{"class":1036},[147,1144,1040],{"class":764},[147,1146,1147],{"class":991}," 10px",[147,1149,1046],{"class":764},[147,1151,1049],{"class":764},[147,1153,1154],{"class":149,"line":721},[147,1155,1106],{"class":764},[118,1157,1159],{"id":1158},"javascript-minimal","JavaScript Minimal",[137,1161,1165],{"className":1162,"code":1163,"language":1164,"meta":142,"style":142},"language-javascript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","// Mobile menu toggle\ndocument.querySelector('.hamburger').addEventListener('click', () => {\n  document.querySelector('nav').classList.toggle('active');\n});\n","javascript",[144,1166,1167,1172,1222,1266],{"__ignoreMap":142},[147,1168,1169],{"class":149,"line":150},[147,1170,1171],{"class":153},"// Mobile menu toggle\n",[147,1173,1174,1178,1180,1183,1186,1189,1192,1194,1196,1198,1201,1203,1205,1208,1210,1213,1216,1220],{"class":149,"line":157},[147,1175,1177],{"class":1176},"sTEyZ","document",[147,1179,1027],{"class":764},[147,1181,1182],{"class":174},"querySelector",[147,1184,1185],{"class":1176},"(",[147,1187,1188],{"class":764},"'",[147,1190,1191],{"class":164},".hamburger",[147,1193,1188],{"class":764},[147,1195,482],{"class":1176},[147,1197,1027],{"class":764},[147,1199,1200],{"class":174},"addEventListener",[147,1202,1185],{"class":1176},[147,1204,1188],{"class":764},[147,1206,1207],{"class":164},"click",[147,1209,1188],{"class":764},[147,1211,1212],{"class":764},",",[147,1214,1215],{"class":764}," ()",[147,1217,1219],{"class":1218},"spNyl"," =>",[147,1221,1080],{"class":764},[147,1223,1224,1227,1229,1231,1234,1236,1239,1241,1243,1245,1248,1250,1253,1255,1257,1260,1262,1264],{"class":149,"line":171},[147,1225,1226],{"class":1176},"  document",[147,1228,1027],{"class":764},[147,1230,1182],{"class":174},[147,1232,1185],{"class":1233},"swJcz",[147,1235,1188],{"class":764},[147,1237,1238],{"class":164},"nav",[147,1240,1188],{"class":764},[147,1242,482],{"class":1233},[147,1244,1027],{"class":764},[147,1246,1247],{"class":1176},"classList",[147,1249,1027],{"class":764},[147,1251,1252],{"class":174},"toggle",[147,1254,1185],{"class":1233},[147,1256,1188],{"class":764},[147,1258,1259],{"class":164},"active",[147,1261,1188],{"class":764},[147,1263,482],{"class":1233},[147,1265,765],{"class":764},[147,1267,1268,1271,1273],{"class":149,"line":180},[147,1269,1270],{"class":764},"}",[147,1272,482],{"class":1176},[147,1274,765],{"class":764},[118,1276,358],{"id":1277},"deploy-2",[123,1279,1280,1285,1290,1296],{},[126,1281,1282,1284],{},[244,1283,380],{},": Push ke repo, enable Pages di Settings",[126,1286,1287,1289],{},[244,1288,374],{},": Drag & drop folder",[126,1291,1292,1295],{},[244,1293,1294],{},"Shared Hosting",": FTP upload",[126,1297,1298,366,1300],{},[244,1299,365],{},[144,1301,597],{},[110,1303],{},[113,1305,1307],{"id":1306},"php-setup-instalasi","🟣 PHP - Setup & Instalasi",[118,1309,121],{"id":1310},"requirements-4",[123,1312,1313,1315,1318],{},[126,1314,626],{},[126,1316,1317],{},"Web Server (Apache/Nginx)",[126,1319,1320],{},"MySQL",[118,1322,135],{"id":1323},"quick-start-4",[1325,1326,1328],"h4",{"id":1327},"local-development","Local Development",[137,1330,1332],{"className":139,"code":1331,"language":141,"meta":142,"style":142},"# Windows: XAMPP\n# macOS: MAMP\n# Linux: Apache + PHP + MySQL\n\n# Extract template\nunzip template-php.zip\ncd template-php\n\n# Copy ke web server folder\n# XAMPP: C:\\xampp\\htdocs\\project\n# MAMP: /Applications/MAMP/htdocs/project\n",[144,1333,1334,1339,1344,1349,1353,1357,1364,1371,1375,1380,1385],{"__ignoreMap":142},[147,1335,1336],{"class":149,"line":150},[147,1337,1338],{"class":153},"# Windows: XAMPP\n",[147,1340,1341],{"class":149,"line":157},[147,1342,1343],{"class":153},"# macOS: MAMP\n",[147,1345,1346],{"class":149,"line":171},[147,1347,1348],{"class":153},"# Linux: Apache + PHP + MySQL\n",[147,1350,1351],{"class":149,"line":180},[147,1352,184],{"emptyLinePlaceholder":183},[147,1354,1355],{"class":149,"line":187},[147,1356,939],{"class":153},[147,1358,1359,1361],{"class":149,"line":193},[147,1360,944],{"class":160},[147,1362,1363],{"class":164}," template-php.zip\n",[147,1365,1366,1368],{"class":149,"line":202},[147,1367,175],{"class":174},[147,1369,1370],{"class":164}," template-php\n",[147,1372,1373],{"class":149,"line":207},[147,1374,184],{"emptyLinePlaceholder":183},[147,1376,1377],{"class":149,"line":213},[147,1378,1379],{"class":153},"# Copy ke web server folder\n",[147,1381,1382],{"class":149,"line":221},[147,1383,1384],{"class":153},"# XAMPP: C:\\xampp\\htdocs\\project\n",[147,1386,1387],{"class":149,"line":712},[147,1388,1389],{"class":153},"# MAMP: /Applications/MAMP/htdocs/project\n",[1325,1391,1393],{"id":1392},"environment-setup","Environment Setup",[137,1395,1397],{"className":139,"code":1396,"language":141,"meta":142,"style":142},"# Create .env file\ncp .env.example .env\n\n# Edit database credentials\nDB_HOST=localhost\nDB_USER=root\nDB_PASSWORD=password\nDB_NAME=project_db\n",[144,1398,1399,1404,1415,1419,1424,1435,1445,1455],{"__ignoreMap":142},[147,1400,1401],{"class":149,"line":150},[147,1402,1403],{"class":153},"# Create .env file\n",[147,1405,1406,1409,1412],{"class":149,"line":157},[147,1407,1408],{"class":160},"cp",[147,1410,1411],{"class":164}," .env.example",[147,1413,1414],{"class":164}," .env\n",[147,1416,1417],{"class":149,"line":171},[147,1418,184],{"emptyLinePlaceholder":183},[147,1420,1421],{"class":149,"line":180},[147,1422,1423],{"class":153},"# Edit database credentials\n",[147,1425,1426,1429,1432],{"class":149,"line":187},[147,1427,1428],{"class":1176},"DB_HOST",[147,1430,1431],{"class":764},"=",[147,1433,1434],{"class":164},"localhost\n",[147,1436,1437,1440,1442],{"class":149,"line":193},[147,1438,1439],{"class":1176},"DB_USER",[147,1441,1431],{"class":764},[147,1443,1444],{"class":164},"root\n",[147,1446,1447,1450,1452],{"class":149,"line":202},[147,1448,1449],{"class":1176},"DB_PASSWORD",[147,1451,1431],{"class":764},[147,1453,1454],{"class":164},"password\n",[147,1456,1457,1460,1462],{"class":149,"line":207},[147,1458,1459],{"class":1176},"DB_NAME",[147,1461,1431],{"class":764},[147,1463,1464],{"class":164},"project_db\n",[1325,1466,740],{"id":1467},"database-setup-1",[137,1469,1471],{"className":139,"code":1470,"language":141,"meta":142,"style":142},"# MySQL console\nmysql -u root -p\nCREATE DATABASE project_db;\n\n# Or import SQL dump\nmysql -u root -p project_db \u003C database/schema.sql\n",[144,1472,1473,1478,1492,1503,1507,1512],{"__ignoreMap":142},[147,1474,1475],{"class":149,"line":150},[147,1476,1477],{"class":153},"# MySQL console\n",[147,1479,1480,1483,1486,1489],{"class":149,"line":157},[147,1481,1482],{"class":160},"mysql",[147,1484,1485],{"class":164}," -u",[147,1487,1488],{"class":164}," root",[147,1490,1491],{"class":164}," -p\n",[147,1493,1494,1496,1498,1501],{"class":149,"line":171},[147,1495,755],{"class":160},[147,1497,758],{"class":164},[147,1499,1500],{"class":164}," project_db",[147,1502,765],{"class":764},[147,1504,1505],{"class":149,"line":180},[147,1506,184],{"emptyLinePlaceholder":183},[147,1508,1509],{"class":149,"line":187},[147,1510,1511],{"class":153},"# Or import SQL dump\n",[147,1513,1514,1516,1518,1520,1523,1525,1528],{"class":149,"line":193},[147,1515,1482],{"class":160},[147,1517,1485],{"class":164},[147,1519,1488],{"class":164},[147,1521,1522],{"class":164}," -p",[147,1524,1500],{"class":164},[147,1526,1527],{"class":764}," \u003C",[147,1529,1530],{"class":164}," database/schema.sql\n",[118,1532,1000],{"id":1533},"folder-structure-1",[137,1535,1538],{"className":1536,"code":1537,"language":234},[232],"project/\n├── index.php          # Entry point\n├── config.php         # Configuration\n├── app/\n│   ├── controllers/   # Business logic\n│   ├── models/        # Database models\n│   └── views/         # HTML templates\n├── database/\n├── public/\n│   ├── css/\n│   ├── js/\n│   └── images/\n└── .htaccess          # URL rewriting\n",[144,1539,1537],{"__ignoreMap":142},[118,1541,1543],{"id":1542},"basic-php-code","Basic PHP Code",[137,1545,1548],{"className":1546,"code":1547,"language":703,"meta":142,"style":142},"language-php shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003C?php\n// config.php - Database connection\n$conn = new mysqli(\"localhost\", \"root\", \"password\", \"project_db\");\n\nif ($conn->connect_error) {\n    die(\"Connection failed: \" . $conn->connect_error);\n}\n?>\n\n\u003C?php\n// index.php - Simple routing\n$page = $_GET['page'] ?? 'home';\nrequire \"app/views/{$page}.php\";\n?>\n",[144,1549,1550,1555,1560,1565,1569,1574,1579,1583,1588,1592,1596,1601,1606,1612],{"__ignoreMap":142},[147,1551,1552],{"class":149,"line":150},[147,1553,1554],{},"\u003C?php\n",[147,1556,1557],{"class":149,"line":157},[147,1558,1559],{},"// config.php - Database connection\n",[147,1561,1562],{"class":149,"line":171},[147,1563,1564],{},"$conn = new mysqli(\"localhost\", \"root\", \"password\", \"project_db\");\n",[147,1566,1567],{"class":149,"line":180},[147,1568,184],{"emptyLinePlaceholder":183},[147,1570,1571],{"class":149,"line":187},[147,1572,1573],{},"if ($conn->connect_error) {\n",[147,1575,1576],{"class":149,"line":193},[147,1577,1578],{},"    die(\"Connection failed: \" . $conn->connect_error);\n",[147,1580,1581],{"class":149,"line":202},[147,1582,1106],{},[147,1584,1585],{"class":149,"line":207},[147,1586,1587],{},"?>\n",[147,1589,1590],{"class":149,"line":213},[147,1591,184],{"emptyLinePlaceholder":183},[147,1593,1594],{"class":149,"line":221},[147,1595,1554],{},[147,1597,1598],{"class":149,"line":712},[147,1599,1600],{},"// index.php - Simple routing\n",[147,1602,1603],{"class":149,"line":721},[147,1604,1605],{},"$page = $_GET['page'] ?? 'home';\n",[147,1607,1609],{"class":149,"line":1608},13,[147,1610,1611],{},"require \"app/views/{$page}.php\";\n",[147,1613,1615],{"class":149,"line":1614},14,[147,1616,1587],{},[118,1618,1620],{"id":1619},"enable-clean-urls-htaccess","Enable Clean URLs (.htaccess)",[137,1622,1626],{"className":1623,"code":1624,"language":1625,"meta":142,"style":142},"language-apache shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CIfModule mod_rewrite.c>\n    RewriteEngine On\n    RewriteCond %{REQUEST_FILENAME} !-f\n    RewriteCond %{REQUEST_FILENAME} !-d\n    RewriteRule ^([a-z0-9_-]+)/?$ index.php?page=$1 [QSA,L]\n\u003C/IfModule>\n","apache",[144,1627,1628,1633,1638,1643,1648,1653],{"__ignoreMap":142},[147,1629,1630],{"class":149,"line":150},[147,1631,1632],{},"\u003CIfModule mod_rewrite.c>\n",[147,1634,1635],{"class":149,"line":157},[147,1636,1637],{},"    RewriteEngine On\n",[147,1639,1640],{"class":149,"line":171},[147,1641,1642],{},"    RewriteCond %{REQUEST_FILENAME} !-f\n",[147,1644,1645],{"class":149,"line":180},[147,1646,1647],{},"    RewriteCond %{REQUEST_FILENAME} !-d\n",[147,1649,1650],{"class":149,"line":187},[147,1651,1652],{},"    RewriteRule ^([a-z0-9_-]+)/?$ index.php?page=$1 [QSA,L]\n",[147,1654,1655],{"class":149,"line":193},[147,1656,1657],{},"\u003C/IfModule>\n",[118,1659,358],{"id":1660},"deploy-3",[123,1662,1663,1668,1674],{},[126,1664,1665,1667],{},[244,1666,1294],{},": FTP upload via cPanel",[126,1669,1670,1673],{},[244,1671,1672],{},"VPS",": SSH + Git clone + composer install",[126,1675,1676,612],{},[244,1677,611],{},[110,1679],{},[113,1681,1683],{"id":1682},"universal-checklist-pre-production","✅ Universal Checklist Pre-Production",[106,1685,1686],{},"Sebelum launch, pastikan:",[123,1688,1691,1702,1708,1720,1726,1732,1738,1744,1750,1756],{"className":1689},[1690],"contains-task-list",[126,1692,1695,493,1699,1701],{"className":1693},[1694],"task-list-item",[1696,1697],"input",{"disabled":183,"type":1698},"checkbox",[144,1700,248],{}," file sudah configured",[126,1703,1705,1707],{"className":1704},[1694],[1696,1706],{"disabled":183,"type":1698}," Database sudah terhubung dan berisi data",[126,1709,1711,1713,1714,1716,1717,482],{"className":1710},[1694],[1696,1712],{"disabled":183,"type":1698}," Build/compile test sukses (",[144,1715,606],{}," atau ",[144,1718,1719],{},"php artisan build",[126,1721,1723,1725],{"className":1722},[1694],[1696,1724],{"disabled":183,"type":1698}," No console errors di browser DevTools",[126,1727,1729,1731],{"className":1728},[1694],[1696,1730],{"disabled":183,"type":1698}," Responsive design tested (mobile, tablet, desktop)",[126,1733,1735,1737],{"className":1734},[1694],[1696,1736],{"disabled":183,"type":1698}," All links bekerja dengan baik",[126,1739,1741,1743],{"className":1740},[1694],[1696,1742],{"disabled":183,"type":1698}," Forms berfungsi dan data tersimpan",[126,1745,1747,1749],{"className":1746},[1694],[1696,1748],{"disabled":183,"type":1698}," Images optimized dan loading cepat",[126,1751,1753,1755],{"className":1752},[1694],[1696,1754],{"disabled":183,"type":1698}," Security: no hardcoded secrets di repo",[126,1757,1759,1761],{"className":1758},[1694],[1696,1760],{"disabled":183,"type":1698}," HTTPS enabled (jika di production)",[110,1763],{},[113,1765,1767],{"id":1766},"referensi-cepat-per-tech-stack","🔗 Referensi Cepat Per Tech-Stack",[118,1769,1771],{"id":1770},"react","React",[123,1773,1774,1784,1790],{},[126,1775,1776,1777],{},"Docs: ",[1778,1779,1783],"a",{"href":1780,"rel":1781},"https://react.dev",[1782],"nofollow","react.dev",[126,1785,1786,1787],{},"Create React App: ",[144,1788,1789],{},"npx create-react-app",[126,1791,1792,1793],{},"Vite template: ",[144,1794,1795],{},"npm create vite -- --template react",[118,1797,1799],{"id":1798},"nextjs","Next.js",[123,1801,1802,1809,1815],{},[126,1803,1776,1804],{},[1778,1805,1808],{"href":1806,"rel":1807},"https://nextjs.org",[1782],"nextjs.org",[126,1810,1811,1812],{},"Template: ",[144,1813,1814],{},"npx create-next-app@latest",[126,1816,1817],{},"Deploy: Vercel (recommended)",[118,1819,1820],{"id":672},"Laravel",[123,1822,1823,1830,1836],{},[126,1824,1776,1825],{},[1778,1826,1829],{"href":1827,"rel":1828},"https://laravel.com",[1782],"laravel.com",[126,1831,1832,1833],{},"Installer: ",[144,1834,1835],{},"composer global require laravel/installer",[126,1837,1838,1839],{},"CLI: ",[144,1840,1841],{},"php artisan",[118,1843,1845],{"id":1844},"htmlcss","HTML/CSS",[123,1847,1848,1856,1864],{},[126,1849,1850,1851],{},"MDN: ",[1778,1852,1855],{"href":1853,"rel":1854},"https://developer.mozilla.org",[1782],"developer.mozilla.org",[126,1857,1858,1859],{},"Tailwind: ",[1778,1860,1863],{"href":1861,"rel":1862},"https://tailwindcss.com",[1782],"tailwindcss.com",[126,1865,1866,1867],{},"Bootstrap: ",[1778,1868,1871],{"href":1869,"rel":1870},"https://getbootstrap.com",[1782],"getbootstrap.com",[118,1873,1874],{"id":703},"PHP",[123,1876,1877,1884,1887],{},[126,1878,1776,1879],{},[1778,1880,1883],{"href":1881,"rel":1882},"https://php.net",[1782],"php.net",[126,1885,1886],{},"Laravel alternative untuk PHP modern",[126,1888,1889,1890],{},"MySQL: ",[1778,1891,1894],{"href":1892,"rel":1893},"https://mysql.com",[1782],"mysql.com",[110,1896],{},[113,1898,1900],{"id":1899},"common-issues-solutions","🆘 Common Issues & Solutions",[118,1902,1904],{"id":1903},"npm-command-not-found","\"npm command not found\"",[106,1906,1907,1908],{},"→ Install Node.js dari ",[1778,1909,1912],{"href":1910,"rel":1911},"https://nodejs.org",[1782],"nodejs.org",[118,1914,1916],{"id":1915},"module-not-found","\"Module not found\"",[106,1918,1919,1920,1923,1924,1927],{},"→ Delete ",[144,1921,1922],{},"node_modules"," dan run ",[144,1925,1926],{},"npm install"," lagi",[118,1929,1931],{"id":1930},"database-connection-error","Database connection error",[106,1933,1934,1935,1937],{},"→ Check ",[144,1936,248],{}," credentials dan pastikan database server running",[118,1939,1941],{"id":1940},"port-sudah-digunakan","Port sudah digunakan",[106,1943,1944,1945],{},"→ Ganti port: ",[144,1946,1947],{},"PORT=3001 npm start",[118,1949,1951],{"id":1950},"permission-denied-on-uploads-folder","Permission denied on uploads folder",[106,1953,1954,1955,1958],{},"→ ",[144,1956,1957],{},"chmod -R 777 uploads"," (Linux/Mac)",[110,1960],{},[113,1962,1964],{"id":1963},"support-bantuan","📞 Support & Bantuan",[123,1966,1967,1977,1986,1996],{},[126,1968,1969,366,1972],{},[244,1970,1971],{},"Using Dev",[1778,1973,1976],{"href":1974,"rel":1975},"https://using-dev.vercel.app",[1782],"using-dev.vercel.app",[126,1978,1979,366,1982],{},[244,1980,1981],{},"Email",[1778,1983,1985],{"href":1984},"mailto:support@using-dev.com","support@using-dev.com",[126,1987,1988,366,1991],{},[244,1989,1990],{},"GitHub",[1778,1992,1995],{"href":1993,"rel":1994},"https://github.com/maulana-tech",[1782],"@maulana-tech",[126,1997,1998,366,2001],{},[244,1999,2000],{},"Instagram",[1778,2002,2005],{"href":2003,"rel":2004},"https://instagram.com/lana.dev_",[1782],"@lana.dev_",[110,2007],{},[106,2009,2010,2013],{},[244,2011,2012],{},"Sudah siap? Pilih tech-stack Anda dan mulai setup sekarang!"," 🚀",[2015,2016,2017],"style",{},"html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sqsOY, html code.shiki .sqsOY{--shiki-light:#8796B0;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}",{"title":142,"searchDepth":150,"depth":157,"links":2019},[2020,2029,2039,2049,2057,2065,2066,2073,2080],{"id":115,"depth":157,"text":116,"children":2021},[2022,2023,2024,2025,2026,2027,2028],{"id":120,"depth":171,"text":121},{"id":134,"depth":171,"text":135},{"id":227,"depth":171,"text":228},{"id":239,"depth":171,"text":240},{"id":268,"depth":171,"text":269},{"id":302,"depth":171,"text":303},{"id":357,"depth":171,"text":358},{"id":388,"depth":157,"text":389,"children":2030},[2031,2032,2033,2034,2036,2037,2038],{"id":392,"depth":171,"text":121},{"id":402,"depth":171,"text":135},{"id":467,"depth":171,"text":468},{"id":477,"depth":171,"text":2035},"Environment Variables (.env.local)",{"id":500,"depth":171,"text":501},{"id":562,"depth":171,"text":563},{"id":587,"depth":171,"text":358},{"id":617,"depth":157,"text":618,"children":2040},[2041,2042,2043,2045,2046,2047,2048],{"id":621,"depth":171,"text":121},{"id":635,"depth":171,"text":135},{"id":727,"depth":171,"text":2044},"Konfigurasi Database (.env)",{"id":739,"depth":171,"text":740},{"id":804,"depth":171,"text":805},{"id":814,"depth":171,"text":815},{"id":860,"depth":171,"text":861},{"id":911,"depth":157,"text":912,"children":2050},[2051,2052,2053,2054,2055,2056],{"id":915,"depth":171,"text":121},{"id":929,"depth":171,"text":135},{"id":999,"depth":171,"text":1000},{"id":1009,"depth":171,"text":1010},{"id":1158,"depth":171,"text":1159},{"id":1277,"depth":171,"text":358},{"id":1306,"depth":157,"text":1307,"children":2058},[2059,2060,2061,2062,2063,2064],{"id":1310,"depth":171,"text":121},{"id":1323,"depth":171,"text":135},{"id":1533,"depth":171,"text":1000},{"id":1542,"depth":171,"text":1543},{"id":1619,"depth":171,"text":1620},{"id":1660,"depth":171,"text":358},{"id":1682,"depth":157,"text":1683},{"id":1766,"depth":157,"text":1767,"children":2067},[2068,2069,2070,2071,2072],{"id":1770,"depth":171,"text":1771},{"id":1798,"depth":171,"text":1799},{"id":672,"depth":171,"text":1820},{"id":1844,"depth":171,"text":1845},{"id":703,"depth":171,"text":1874},{"id":1899,"depth":157,"text":1900,"children":2074},[2075,2076,2077,2078,2079],{"id":1903,"depth":171,"text":1904},{"id":1915,"depth":171,"text":1916},{"id":1930,"depth":171,"text":1931},{"id":1940,"depth":171,"text":1941},{"id":1950,"depth":171,"text":1951},{"id":1963,"depth":157,"text":1964},"Panduan komprehensif setup untuk React, Next.js, Laravel, PHP, dan HTML/CSS dari awal hingga production ready","md",null,{},{"icon":82},{"title":79,"description":2081},"ALHWRbkemnVpsaAfOVjYRczJChQ2-ZGyAAK4flz0-r8",[2089,2091],{"title":75,"path":76,"stem":77,"description":2090,"icon":16,"children":-1},"Langkah-langkah lengkap untuk membeli template, mengakses di Using Dev, dan download dari Google Drive",{"title":84,"path":85,"stem":86,"description":2092,"icon":60,"children":-1},"Tutorial lengkap setup PHP website dari download template, konfigurasi database, development hingga deployment ke server production",1763121030927]