All Rules are here. Check it out carefully :)
Install IDE
Install Plugin at your IDE
Install Node.js
Install Node.js
, recommended after v18.x.x
Install pnpm
, package manager
pnpm
setup documentation is here!
Simply, run this command in your terminal.
npm install -g pnpm
npm
: installed, when Node.js
is installed.pnpm
: faster version of npm
which is package manager.Install project dependencies
Run this command at your terminal
pnpm i
After installation, node_modules
folder will be generated.
Run development server
pnpm dev
After running this command, you can see the website at localhost:3000
. Develope your project with this server.
Build project
Run below command at your terminal
pnpm build
After building process, you can see the website at localhost:3000
in production mode which is optimized for performance(=lightweight version of project).
Log message should be look like this.
Route (app) Size First Load JS
β β / 137 B 77.6 kB
+ First Load JS shared by all 77.5 kB
β chunks/14478101-08a82aad1ad550e2.js 50.5 kB
β chunks/215-693f32f7887d2092.js 25.1 kB
β chunks/main-app-5d9d2d6e73ea2558.js 216 B
β chunks/webpack-56d4ed22b847b2bf.js 1.64 kB
Route (pages) Size First Load JS
β β /404 182 B 75.4 kB
+ First Load JS shared by all 75.2 kB
β chunks/framework-510ec8ffd65e1d01.js 45 kB
β chunks/main-d211b781428a7a0f.js 28.3 kB
β chunks/pages/_app-3e277c1f911fda65.js 195 B
β chunks/webpack-56d4ed22b847b2bf.js 1.64 kB
β (Static) automatically rendered as static HTML (uses no initial props)
v13.x
v5.x
v3.x.x
...and more!Jest
+ React testing library
Playwright
unit
test π©Write test code using watch mode.
pnpm test
Run CI tests
pnpm test:ci
e2e
test β°οΈFirst, setup Playwright
with this command.
npx playwright install
And then run e2e
test.
pnpm e2e:ci
If you want inspect full ci test process, run this command.
pnpm e2e:inspect
[src] - project root
β
β£ <app> - Next.js app
β
β£ <components> - Shared components
β
β£ <styles> - Style sources
β
β£ <utils> - Utility helpers
β
...