This is a Val Build bootstrapped with npm create @valbuild.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/(main)/page.val.ts. The page auto-updates as you edit the file.
This project follows the TABS architecture: Typography, Atoms, Base, and Sections. TABS is a content-driven, layered architecture where Pages are built by composing Sections, which in turn use Atoms, Base components, and Typography primitives. Each layer has clear responsibilities and strict dependency rules.
For detailed information about the TABS architecture, see src/components/README.md.
It is recommended that all pages and layouts should be put under the (main) group (or another group you create yourself).
The reason for this is to make sure the (main)/layout.tsx does not interfere with Val Studio.
You can update and edit content directly in the Val Studio by going to http://localhost:3000/val.
To learn more about Val Build, take a look at the docs here.
You can also check out the Val Build GitHub repository - your feedback and contributions are welcome!
You can also setup you application in Val Build App.
The easiest way to deploy your Val enabled application is is to use the Vercel Platform from the creators of Next.js.
After deploying, you can make sure that everyone can edit content in production by setting up your application on Val Build App.