https://github.com/maulanasdqn/legacy-next-boilerplate

NextJS Boilerplate with ESLint and jest super setup
https://github.com/maulanasdqn/legacy-next-boilerplate

Last synced: 5 days ago
JSON representation

NextJS Boilerplate with ESLint and jest super setup

• Host: GitHub
• URL: https://github.com/maulanasdqn/legacy-next-boilerplate
• Owner: maulanasdqn
• Created: 2022-09-16T22:33:55.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2022-09-16T22:40:48.000Z (about 2 years ago)
• Last Synced: 2024-04-18T06:06:34.519Z (7 months ago)
• Language: TypeScript
• Size: 95.7 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# NextJS BOILERPLATE

Ini adalah Boilerplate NextJS dengan dependencies

- React

- Racoil (State Management)

- Jest (Unit Testing based on Vite)

- UnoCSS (Successor of TailwindCSS and WindiCSS)

- ESLint

- Prettier

- Nix Flake (Development Dependencies Manager)

- Nix Direnv (Automate Development Dependencies)

- Docker (Containerizer)

- Nginx (Web Server)

- Axios

- Husky

## Initial Setup

- Clone Project ini ( Direkomendasikan menggunakan SSH )

> `git clone [email protected]:maulanasdqn/netflox`

## Install NodeJS dan Yarn

- Anda perlu menginstall dulu NodeJS dan Yarn ( Direkomendasikan menggunakan NodeJS Versi 16 )

> `npm i -g yarn`

## Install Dependency

- Pasang Dependency

> `yarn install`

## Development With Nix

Development dengan Nix membuat proses Develop menjadi lebih mudah dan ringkas dengan ada nya Flake.nix semua dependency akan terurus dengan sendirinya dan juga independent artinya tidak akan menggangu environment yang lain

- Pasang Nixpkgs

> `sh <(curl -L https://nixos.org/nix/install) --no-daemon`

- Pasang nix-flakes

> `nix-env -iA nixpkgs.nixFlakes`

- Setup nix-flakes \

  Edit file yang ada di `~/.config/nix/nix.conf` atau `/etc/nix/nix.conf` dan tambahkan:

> `experimental-features = nix-command flakes`

- Pasang nix-direnv

> `nix-env -f '' -iA nix-direnv`

- Setup nix-direnv

> `source $HOME/.nix-profile/share/nix-direnv/direnvrc`

- Masuk ke folder yang sudah di clone kemudian jalankan perintah berikut

> `direnv allow`

- Dan enjoy tinggal tunggu dependency terinstall dengan sendirinya

## Development with Docker

Docker harus di pasang dulu jika belum ada

- Pasang Docker bisa di unduh di https://docker.com

- Setup Docker

> `docker compose up`

## Setup Env

ENV di sesuaikan seperti yang ada di contoh .env.example

- Rename file .env.example menjadi .env.local

- Isi ENV sesuai dengan yang ada di dalam file .env.local nya

## Setup Husky

Untuk bisa menggunakan husky agar berjalan baik dan benar maka perlu di inisialisasi dulu

- Jalankan perintah

  > `npx husky-init`