MasterAI.dev is a Next.js service website for a global software development, AI automation, cloud, and product engineering studio. It presents service lines, engagement models, case studies, process details, legal pages, SEO metadata, structured data, and a project inquiry form.
- Next.js 16 App Router
- React 19
- TypeScript
- Tailwind CSS 4
- Radix UI and shadcn-style UI components
- Formspree contact form integration
- Vercel Analytics in production
Install dependencies:
pnpm installRun the development server:
pnpm devOpen http://localhost:3000 in your browser.
pnpm dev
pnpm build
pnpm start
pnpm lintpnpm devstarts the local Next.js development server.pnpm buildcreates a production build.pnpm startserves the production build.pnpm lintruns ESLint across the project.
app/ Next.js routes, metadata, sitemap, robots, and icon routes
components/ Shared layout, marketing, form, and UI components
hooks/ Shared React hooks
lib/ Site configuration, static content, and utilities
public/ Logos, icons, avatars, and project images
styles/ Global style assets
/- home page with services, metrics, process, case studies, and FAQ preview/services- service lines and engagement models/projects- case study overview/process- delivery process/about- company positioning/faq- frequently asked questions/contact- project inquiry form/privacy,/terms,/cookies,/disclaimer- legal pages
Most site-level settings live in lib/config.ts:
- site name, title, description, and canonical URL
- contact email and social links
- Formspree form ID
- legal document update date
Static marketing content lives in lib/site-data.ts, including navigation, services, engagement models, case studies, process steps, proof metrics, FAQs, and form options.
The app uses NEXT_PUBLIC_SITE_URL when available for metadata base URL generation. If it is not set, the value from SITE_CONFIG.url is used.
The contact form is implemented in components/project-inquiry-form.tsx and submits through Formspree using the formspreeId value in lib/config.ts.
The form validates required identity, company, service, budget, timeline, project summary, goals, contact preference, and consent fields before submitting.
Project imagery is stored in public/images/projects/. The logo and icons are stored in public/.
Next.js image optimization is disabled in next.config.mjs, which keeps static image output simple for deployment targets that do not use the built-in optimizer.
The project is ready for Vercel deployment. Vercel Analytics is only rendered when process.env.VERCEL === '1'.
For other static-friendly hosts, confirm that the selected deployment target supports Next.js App Router routes and route handlers used by the icon and Open Graph image routes.