skin-bloom-frontend

Deploy後のWebsite:

https://hikarinabe-741d2.web.app/home/intro

Getting Started

• プロジェクトをclone
• env Repositoryからenv.jsをダウンロードする
• src/にenv.jsを配置する
• npm install next
• npm install
• npm run dev

フォルダの説明

基本的にsrcフォルダ内を編集する。 src/pages配下が、クライアントサイドでの各ページに大体対応している。 ページ間で共通で用いられるような要素（コンポーネント）はsrc/componentsフォルダ配下にある。 src/componentsフォルダ配下にはjsとscss(便利css)のファイルがある。

src/components

• Footer, Header
• Layout: これで要素を挟むとFooterとHeaderで挟める
• page/: 配下には、src/pages配下と同様のディレクトリ構造があり、各ページで用いられるcomponentが格納される。

localで挙動を確認したいとき

First, run the development server:

npm run dev

http://localhost:3000/home/intro にアクセスする。

Deploy on firebase hosting

buildする

npm run build

デプロイ

npm run deploy

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!