gittoby / template-next-tina-tailwind Goto Github PK

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.ts.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

This project uses next/font to automatically optimize and load Fonts.

• Tina Headless CMS for authentication, content modeling, visual editing and team management.
• Local development workflow from the filesystem with a local GraqhQL server.
• A TinaCMS account for live editing.

• http://localhost:3000 : browse the website
• http://localhost:3000/admin : connect to Tina Cloud and go in edit mode
• http://localhost:3000/exit-admin : log out of Tina Cloud
• http://localhost:4001/altair/ : GraphQL playground to test queries and browse the API documentation

Replace the .env.example, with .env

NEXT_PUBLIC_TINA_CLIENT_ID=<get this from the project you create at app.tina.io>
TINA_TOKEN=<get this from the project you create at app.tina.io>
NEXT_PUBLIC_TINA_BRANCH=<Specify the branch with Tina configured>

Build the project:

yarn build

To get help with any TinaCMS challenges you may have:

• Visit the documentation to learn about Tina.
• Join our Discord to share feedback.
• Visit the community forum to ask questions.
• Get support through the chat widget on the TinaCMS Dashboard
• Email us to schedule a call with our team and share more about your context and what you're trying to achieve.
• Search or open an issue if something is not working.
• Reach out on Twitter at @tina_cms.