Portfolio website for Christian Lazaro, fashion designer.

Check the content management guide to edit website's contents

This project was generated with Angular CLI version 16.2.6.

First install deps with package manager pnpm

pnpm i

Some files required by the app are generated from the data managed by the CMS platform and the image CDN.

Set the image CDN configuration and run the data generation script before building or serving the app

pnpm run generate

Run ng serve for a dev server. Navigate to https://localhost:4200/. The application will automatically reload if you change any of the source files.

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. It will include prerendering (SSG)

Run ng test to execute the unit tests via Karma.

Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.

In order to ensure all code is formatted before committing, you can use Git hooks to automatically run the formatter on staged files.

To do so, install the hooks by running

pnpm run git-hooks

Image assets of the project are hosted in an image CDN for image optimization purposes. ImageKit.io in this case.

See content management guide for more information about managing and linking contents in there

In order to avoid having to manually use the image URLs of the image CDN, a script exists to list existing images in the CDN. However, that script requires authentication. To provide the authentication, run the create env run script and fill the public and private keys in there.

You can find them in the dashboard's developer options API keys section. Choose the restricted one, no write access is needed, just read only.

Once this is configured, run the generator script to update the images list querying ImageKit.io.

A headless CMS exists inside the /admin path to manage content JSON files. Specifically, Decap CMS

For more information about content management, check the content management guide

To work locally with the CMS, uncomment the local_backend: true line in the configuration file.

Then, run the local server (if not, you'll be prompted to use the real backend):

pnpm run cms-server

⚠️👁️ Do not commit the local backend configuration to main branch