AI-Emporium - Landing Page with Next.js, i18next & Tailwind CSS

How to use?

Step 1: Create a Copy of this Repository

Start by forking this repository or cloning it to your GitHub account.

Step 2: Set Up Lokalise Project

a. Set up the project on Lokalise with source language is English (en), and the target language is German (de).

b. Enable automations for target language from machine translation when new source translation keys are added or updated.

Step 3: Add Variables and API Token on you GitHub project settings

Next, update the necessary variables and your API token secret.

a. Get Lokalise API Token here and add API_TOKEN secret as shown below picture.

b. Add following variables

Variable	value	Note
PRODUCTION_BRANCH_RESTORE_COMMIT		Used by Reset sceduler action
PROJECT_ID		Get Lokalise project ID from previous step

Step 4: Update workflow permissions

Navigate to your GitHub project > Settings > Actions and update workflow permissions fields. a. Enable read and write permission. b. All GitHub Actions to create Pull request

Step 5: Connect your GitHub Project to Vercel

a. Signup/Login to Vercel with GitHub account.

b. Connect your GitHub project to Vercel. When doing this, choose a project name that accurately represents the project's purpose.

Step 6: Manual Update of Source Translation Keys to your Lokalise project

You will need to manually push the source translation keys from the main branch. Run GitHub action PUSH

Step 7: Initiate Automation on Lokalise TMS

Trigger an automation run on the Lokalise project.

Step 8: Retrieve Source Translation Keys

Run GitHub action PULL

Step 9: Review Commit

Review the changes made by checking Vercel deployment preview link, and if they are satisfactory.

Deploy with Vercel

Deploy this template using Vercel:

Author

Anil Kumar ( @anilbms75 )

Reference

This project is forked and inspired from nextly-template project.

---