React Example project

Technology

• Next.js
• TypeScript
• Datx
• JSON:API
• SWR
• Chakra UI
• React Hook Form
• React Testing Library and Jest for unit and integration tests
• Storybook
• I18Next
• Plop
• Plop Next.js Generators

Next.js plugins

• next-i18next
• next-sitemap

Project setup

# Install dependencies
pnpm i

# Start the dev server
pnpm dev

Use one of the user credentials to log in to the application

# user1
    email: '[email protected]'
    password: 'pasword12345'

# user2
    email: '[email protected]'
    password: 'pasword12345'

# user3
    email: '[email protected]'
    password: 'pasword12345'

API

Cekila = Cedevita + Tekila

Documentation

• https://cekila.infinum.co/api/v1/docs/index.html

Project repository

• https://github.com/infinum/rails-jsonapi-example-app

Deployment

• Infinum Handbook - Deployment

Git workflow

• Infinum Handbook - Branching

Styleguide

This project is using the styleguide as defined in the Infinum Handbook.

Project Structure

• Infinum Handbook - Project Structure

Starting a new project from this template

If you need to start a new project from this template, you have these options:

1. Stripped down version of the App from project-starter-template branch

pnpx create-next-app@latest PROJECT_NAME -e https://github.com/infinum/JS-React-Example/tree/project-starter-template --use-pnpm

2. Full-blown example App from the master branch

pnpx create-next-app@latest PROJECT_NAME -e https://github.com/infinum/JS-React-Example --use-pnpm

Note: replace PROJECT_NAME with the name of your project

Once you have created your new project, you can push it to an existing repository using the following commands:

git remote add origin [email protected]:infinum/REPOSITORY_NAME
git branch -M main
git push -u origin main

Note: Replace REPOSITORY_NAME with the name of your repository. These commands will add the remote repository, rename the branch to main, and push your changes to the remote repository.

Credits

JS-React-Example is maintained by Infinum.