DamoGO Website

DamoGO Website is a mock-up single landing page built for DamoGO, a startup focused on educating people about and solving food waste in Southeast Asian countries. It is a Next.js project bootstrapped with create-next-app, styled with TailwindCSS, and connected to Hygraph, a GraphQL-powered headless CMS where all page assets and content are managed. The project demonstrates a modern JAMstack architecture with internationalized routing (i18n) so the same page can be served in multiple languages. The design and brand belong to DamoGO; this repository is a non-commercial mock-up of the original website.

What is DamoGO Website?

DamoGO Website is a single-page landing site mock-up that takes content and media from Hygraph, a GraphQL-powered headless CMS, and renders it as a public-facing web page using the Next.js React framework. Its core function is to show how a startup landing page can be built with a decoupled content management system while supporting multiple languages through i18n routing. The project runs on Next.js and is developed in TypeScript, with TailwindCSS providing the styling. It was created as a mock-up for DamoGO, a company that educates about and addresses food waste in Southeast Asia, and the original design and brand are owned by DamoGO.

Key Features

• Single landing page layout — A focused one-page design meant for a startup's public presence, not a multi-page site, with sections for mission-driven content.
• Next.js full-stack framework — Bootstrapped with create-next-app, enabling server-side rendering, static generation, and API routes within the same project.
• TailwindCSS utility styling — Integrated with the CSS utility framework for rapid, consistent styling directly in the markup.
• Hygraph CMS integration — All page assets and content are managed in Hygraph, letting non-developers update the site through a GraphQL-powered headless CMS.
• Internationalized routing (i18n) — Built-in Next.js locale routing supports serving the landing page in multiple languages.
• GraphQL API with Apollo Client — Content is fetched through GraphQL, and the project links to Apollo Client documentation for use with React and Next.js.
• next/font font optimization — Uses next/font to automatically optimize and load the Noto_Sans Google Font, improving page performance.
• TypeScript development — The project is written in TypeScript, adding static type safety to the codebase.

Who should use DamoGO Website?

Developers building a multilingual landing page with a CMS backend can use this as a reference for wiring Next.js, TailwindCSS, and Hygraph together. Front-end engineers learning GraphQL and Apollo Client will find a grounded example of querying content from a headless CMS. Teams at startups or NGOs working on food-waste awareness in Southeast Asia could adapt this structure for their own content-managed landing page. It is also a practical starting point for anyone who wants to see a modern JAMstack project with i18n routing in action.

What can you do with DamoGO Website?

• Startup teams: Update the landing page's text and media directly from the Hygraph dashboard without touching code, so non-developers can manage the site's content.
• Next.js developers: Examine a concrete implementation of create-next-app, next/font with Noto_Sans, TailwindCSS utility classes, and GraphQL data fetching via Apollo Client.
• Localization enthusiasts: Use the built-in i18n routing to serve the page in multiple languages and study how Next.js handles locale-based URL prefixes.

FAQ

Is DamoGO Website a production-ready template?

No — it is a mock-up of DamoGO's original design, and the author explicitly states they do not own the design or brand. It is intended as a learning reference or starting point, not as a launchable site for a real business under that name.

What tech stack does DamoGO Website use?

It uses Next.js as the React full-stack framework, TypeScript for type safety, TailwindCSS for styling, Hygraph as the headless CMS, GraphQL as the API layer, and Apollo Client as the GraphQL client. It also uses next/font to optimize the Noto_Sans Google Font.

Does the project support multiple languages?

Yes, internationalized routing (i18n) is listed as a feature, allowing the landing page to support multiple languages. The repository metadata also confirms the project uses the i18n topic.

How do I run the project locally?

You need the latest LTS version of Node.js installed. Then run the development server with npm run dev, yarn dev, or pnpm dev and open http://localhost:3000 to view the page.

Where is the content stored?

All assets used in the landing page are managed in Hygraph, a headless CMS that exposes content through a GraphQL API. This separates content management from the front-end rendering, allowing content updates without code changes.