DamoGO Website

This project is a mock-up single landing page developed for a startup company running its business in educating and solving problem of food waste in SEA countries.

All assets used in this landing page is managed in Hygraph, a GraphQL powered Headless CMS (Content Management System).

The proposed technical solution and architecture of this project is based on Next.js, a React full-stack framework. This project is also integrated with TailwindCSS, a CSS utility framework.

Disclaimer: I do not own any of the design and brand of this website. This project is a mock-up of the original design. The original design and brand is owned by the company, DamoGo.

Feature

1. Landing page development and design.
2. Hygraph integration and content creation / management.
3. Internationalized routing (i18n), supports multiple language.

Getting Started

This is a Next.js project bootstrapped with create-next-app.

Pre-requisite:

• Latest LTS node installed

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

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

This project uses next/font to automatically optimize and load Noto_Sans, a Google Font.

Technology

1. Next.js (React Full-stack Framework)
2. TailwindCSS (CSS Utility Framework)
3. GraphQL API
4. Hygraph CMS (Headless Content Management System)

Tools

1. Figma
2. VSCode

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.
• Next.js GitHub repository - Github repository of Vercel, the creator of Next.js.

To learn more about Apollo Client, take a look at the following resources:

• Apollo Client with React.
• Apollo Client with Next.js