598bd22b5a
* feat: integrate payload cms to landing page * feat: add payload configuration and update TypeScript target * fix: update TypeScript paths for payload configuration * refactor: update config import paths to use local payload.config * fix: update quotation marks for testimonials to use HTML entities * fix: include withPayload in Next.js plugins for proper configuration * feat: implement HeroSection global configuration and integrate with Hero component * feat: add FeaturesSection global configuration and integrate with Features component * feat: add revalidate constant to control page revalidation interval * refactor: optimize data fetching by using Promise.all * fix: update revalidation interval to 10 seconds * feat: add CommunitiesSection configuration and integrate with Community component * refactor: move global section functions to services directory * feat: add support for s3 bucket for media * feat: update Community component to use Iconify for icons and adjust CommunitiesSection configuration * feat: replace Link component with Button for improved button styling in Community component * feat: update FeaturesSection to use Iconify icons and adjust icon properties * feat: add heroImage field to HeroSection and implement image formatting utility * feat: add Learning Resources section with dynamic data fetching and UI integration * feat: enhance LearningResourcesSection with primary and secondary button links * refactor: reorganize layout structure by moving Header and Footer components to RootLayout * feat: implement Testimonials section with dynamic data fetching and UI integration * feat: simplify joinTitle rendering in Testimonials section * feat: implement CallToAction section with dynamic data fetching and UI integration * feat: update CallToActionSection label and wrap Discord button in link * feat: update button components to use onClick for external links and improve styling * feat: wrap logo image in a link to navigate to the homepage * fix: supress scss deps warning * fix: add placeholder to .env.example * chore: add environment placeholder variables for CMS configuration in test build workflow * fix: remove unused environment variables from test build workflow * fix: text color (#26) * chore: update action * feat: integrate payload cms to landing page * feat: add payload configuration and update TypeScript target * fix: update TypeScript paths for payload configuration * refactor: update config import paths to use local payload.config * fix: include withPayload in Next.js plugins for proper configuration * feat: implement HeroSection global configuration and integrate with Hero component * feat: add FeaturesSection global configuration and integrate with Features component * feat: add revalidate constant to control page revalidation interval * refactor: optimize data fetching by using Promise.all * fix: update revalidation interval to 10 seconds * feat: add CommunitiesSection configuration and integrate with Community component * refactor: move global section functions to services directory * feat: add support for s3 bucket for media * feat: update Community component to use Iconify for icons and adjust CommunitiesSection configuration * feat: replace Link component with Button for improved button styling in Community component * feat: update FeaturesSection to use Iconify icons and adjust icon properties * feat: add heroImage field to HeroSection and implement image formatting utility * feat: add Learning Resources section with dynamic data fetching and UI integration * feat: enhance LearningResourcesSection with primary and secondary button links * refactor: reorganize layout structure by moving Header and Footer components to RootLayout * feat: implement Testimonials section with dynamic data fetching and UI integration * feat: simplify joinTitle rendering in Testimonials section * feat: implement CallToAction section with dynamic data fetching and UI integration * feat: update CallToActionSection label and wrap Discord button in link * feat: update button components to use onClick for external links and improve styling * feat: wrap logo image in a link to navigate to the homepage * fix: supress scss deps warning * fix: add placeholder to .env.example * chore: add environment placeholder variables for CMS configuration in test build workflow * fix: remove unused environment variables from test build workflow * fix: remove mistakenly added env from test-build workflow --------- Co-authored-by: Fahim Ardani <fahimardani25@gmail.com> Co-authored-by: Maulana Sodiqin <53475078+maulanasdqn@users.noreply.github.com>
IMPHNEN Frontend Service
This repository is a monorepo for all frontend services of IMPHNEN. The monorepo includes three main applications:
- Gacha - Application for gacha website.
- Backoffice - Application for internal management.
- Dimentorin - Application for mentoring services.
How to install
- Clone this repository:
git clone https://github.com/IMPHNEN/imphnen-frontend-service.git cd imphnen-frontend-service - Install all dependencies:
npm install
How to run
Development
Use the following commands to run in development mode:
- Gacha:
npm run gacha:dev - Backoffice:
npm run backoffice:dev - Dimentorin:
npm run dimentorin:dev
Build
Use the following commands to build the applications:
- Gacha:
npm run gacha:build - Backoffice:
npm run backoffice:build - Dimentorin:
npm run dimentorin:build
Production
Use the following commands to run the applications in production mode:
- Gacha:
npm run gacha:prod - Backoffice:
npm run backoffice:prod - Dimentorin:
npm run dimentorin:prod
Storybook
This repository uses Storybook to develop, test, and document UI components in an isolated and interactive environment. Below are the commands to work with Storybook:
-
Run Storybook
This command starts Storybook in development mode, allowing you to view and test UI components interactively.
npm run ui:storybook -
Run Unit Test
This command runs unit tests for the UI components to ensure they function as expected.
npm run ui:test -
Build Components
This command generates a static build of Storybook, which can be deployed for sharing and documentation purposes.
npm run ui:build
How to contribute
- Fork the repository and clone it locally.
- Create a new branch for a new feature or fix:
git checkout -b feat/feature-name - Make changes, commit, and push to your forked repository.
- Create a pull request to this repository
developbranch.
If you encounter any issues or problems, feel free to create a new Issue.