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

Prerequisites

• Visual Studio Code
• Docker
• VSCode Dev Container Extension

$ git clone git@github.com:sfc-aqua/sfc-aqua.github.io.git
$ cd sfc-aqua.github.io
# open the cloned repository, if you install the 'code' command, you can do this
# see detail of the 'code' command is here
# https://code.visualstudio.com/docs/setup/mac#_launching-from-the-command-line
$ code .
# or manually open it on visual studio code

then you can open the folder with the Dev Container. Open command palette by View > Command Palette and then type and select Dev Containers: Rebuild and Reopen in Container.

Getting Started

First, run install the dependencies. You can do it with your package manager, or run direnv allow under the project directory to use nix-shell if you're a nix user.

Then, execute the development server:

$ npm install
$ npm run dev

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

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

To edit your profile on the Members page, open the src/app/members/members-data.ts, then edit/add your profile object appropriately under const members: TMember[].

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

before commit your changes, you must run:

$ npm run lint

to format your code.

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.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.