rsnext/contributing.md

Contributing to Next.js

Our Commitment to Open Source can be found here

1. Fork this repository to your own GitHub account and then clone it to your local device.
2. Create a new branch git checkout -b MY_BRANCH_NAME
3. Install yarn: npm install -g yarn
4. Install the dependencies: yarn
5. Run yarn dev to build and watch for code changes
6. In a new terminal, run yarn types to compile declaration files from TypeScript
7. The development branch is canary (this is the branch pull requests should be made against). On a release, the relevant parts of the changes in the canary branch are rebased into master.

You may need to run yarn types again if your types get outdated.

To run tests

Make sure you have chromedriver installed for your Chrome version. You can install it with

• brew cask install chromedriver on Mac OS X
• chocolatey install chromedriver on Windows
• Or manually downloading it from the chromedriver repo and adding the binary to <next-repo>/node_modules/.bin

Running all tests:

yarn testonly

If you would like to run the tests in headless mode (with the browser windows hidden) you can do

yarn testheadless

If you would like to use a specific Chrome/Chromium binary to run tests you can specify it with

CHROME_BIN='path/to/chrome/bin' yarn testonly

Running a specific test suite inside of the test/integration directory:

yarn testonly --testPathPattern "production"

Running just one test in the production test suite:

yarn testonly --testPathPattern "production" -t "should allow etag header support"

Running the integration apps

Running examples can be done with:

yarn next ./test/integration/basic
# OR
yarn next ./examples/basic-css/

To figure out which pages are available for the given example, you can run:

EXAMPLE=./test/integration/basic
(\
  cd $EXAMPLE/pages; \
  find . -type f \
  | grep -v '\.next' \
  | sed 's#^\.##' \
  | sed 's#index\.js##' \
  | sed 's#\.js$##' \
  | xargs -I{} echo localhost:3000{} \
)

Running your own app with locally compiled version of Next.js

1. In your app's package.json, replace:

   "next": "<next-version>",
   

   with:

   "next": "file:<local-path-to-cloned-nextjs-repo>/packages/next",
   

2. In your app's root directory, make sure to remove next from node_modules with:

   rm -rf ./node_modules/next
   

3. In your app's root directory, run:

   yarn
   

   to re-install all of the dependencies.

   Note that Next will be copied from the locally compiled version as opposed to from being downloaded from the NPM registry.

4. Run your application as you normally would.

5. To update your app's dependencies, after you've made changes to your local next repository. In your app's root directory, run:

   yarn install --force