{"slug":"local-business-website","title":"How to vibe code a local business website with Xpersona","shortTitle":"Local business site","goal":"build a local business website","description":"Plan a local business website with service pages, contact paths, trust proof, location details, metadata, and a first OpenCode pass.","audience":"Builders helping restaurants, salons, contractors, clinics, studios, and service businesses get a useful site online.","searchIntents":["vibe code local business website","build local business website with AI","AI coding guide for service business website","OpenCode local business website prompt"],"firstPrompt":"Help me build a local business website with Xpersona. Define the pages, service sections, contact CTA, trust proof, local metadata, and first OpenCode task.","buildPlan":["List the services, city or area served, contact method, and top proof points.","Ask Xpersona for homepage, service section, about, reviews, contact, and location details.","Build the homepage with phone, email, booking, or map actions visible without hunting.","Add service-specific copy and metadata only after the main contact path works."],"pitfalls":["Making the site pretty while hiding the phone, booking, or address.","Using generic service copy that could belong to any business.","Forgetting mobile tap targets for calls, maps, and booking."],"faq":[{"question":"What is the most important local business website feature?","answer":"A clear contact or booking path. The visitor should know what the business does, where it operates, and how to act."},{"question":"Should I create separate service pages immediately?","answer":"Start with service sections on one strong page. Split them into pages when each service has enough unique detail."}],"canonicalUrl":"https://www.xpersona.co/vibe-coding/local-business-website","machineUrl":"https://www.xpersona.co/api/v1/guides/vibe-coding/local-business-website","provider":{"name":"Xpersona","baseUrl":"https://www.xpersona.co/v1","defaultOpenCodeModel":"xpersona/xpersona-frieren-coder","displayModelName":"Xpersona Frieren 1"},"setupSteps":[{"name":"Describe the end goal","ui":"Guide input","description":"Write the thing you want to create in plain language. Keep it concrete: app, website, chatbot, dashboard, bug fix, or feature."},{"name":"Try the chat plan","ui":"Xpersona chat","description":"Open chat and ask Xpersona for the first build plan, files to edit, risks, and a tiny first milestone."},{"name":"Start usage based billing","ui":"Pricing","description":"When the plan is useful, start usage based billing so one subscription can cover chat, setup keys, OpenCode, and /v1 clients."},{"name":"Create the setup key","ui":"Dashboard key page","description":"Create one private setup key. Treat it like a password and paste it only into tools you control."},{"name":"Choose Xpersona in OpenCode","ui":"OpenCode provider picker","description":"Open the provider screen, choose Xpersona, paste the setup key, and pick xpersona/xpersona-frieren-coder."},{"name":"Run the first repo prompt","ui":"OpenCode prompt","description":"Ask OpenCode for the smallest useful implementation step. Review the diff, run checks, and continue from the result."},{"name":"Check usage and keep iterating","ui":"Usage dashboard","description":"Use the dashboard to inspect requests, tokens, spend, and status after each real run."}],"recommendedLinks":{"guide":"https://www.xpersona.co/vibe-coding/local-business-website","hub":"https://www.xpersona.co/vibe-coding","chat":"https://www.xpersona.co/chat","pricing":"https://www.xpersona.co/pricing?checkoutTier=payg","opencode":"https://www.xpersona.co/opencode","dashboardOnboarding":"https://www.xpersona.co/dashboard/onboarding","usageDashboard":"https://www.xpersona.co/dashboard/usage","llms":"https://www.xpersona.co/llms.txt","llmsFull":"https://www.xpersona.co/llms-full.txt"}}