t3headless frontend

Follow the steps below to set up and run the frontend package for your project.

1. Install Frontend Package
Clone the frontend repository to your local system:

• git clone github.com/milancrayon/t3headless-frontend

Then navigate to the project folder: cd t3headless-frontend

2. Connect TYPO3

This step is required to establish communication between the TYPO3 backend and the frontend application.
You must provide a valid API key and license key to continue with further setup and functionality.

3. Setup t3headless
Run the setup command (only required once on initial time):

• yarn setup / npm run setup

This will:

1. Install dependencies
2. Initialize the project configuration
3. Prepare the environment for development
4. Download and configure the package based on the selected license during activation

4. Theme Configuration & Element Generation
To apply or rebuild the theme and UI elements, run:

• yarn themebuild / npm run themebuild

This step updates styles, themes, and generated elements.

5. Build the Project
To create a production-ready build:

• yarn build / npm run build

This compiles and optimizes the frontend for deployment.

6. Serve the Application
To start the application locally:

• yarn start / npm start

The application will run on a local development server, allowing you to view it in your browser.

Notes : 

1. Run the setup command only once during initial installation.
2. Use build before deploying to production.
3. Ensure TYPO3 backend is properly configured and accessible.
4. After making any changes to elements or theme configuration in TYPO3, always run: yarn themebuild or npm run themebuild