fix e2e tests

.circleci/config.yml

@@ -2,7 +2,7 @@ version: 2.1
 jobs:
   build:
     docker:
-      - image: cimg/node:lts
+      - image: circleci/node:16-browsers
     steps:
       - checkout
       - restore_cache:
@@ -22,13 +22,9 @@ jobs:
             - ~/.cache
           background: true
 
-      - run:
-          name: build app
-          command: yarn build
-
       - run:
           name: integration tests
-          command: npx http-server build --port 3000 --silent & yarn test:integration
+          command: yarn dev & yarn test:integration
 
       - run:
           name: Store failing screenshots
@@ -58,5 +54,9 @@ jobs:
           background: true
 
       - run:
-          name: Deploy to Netlify
+          name: Build
-          command: yarn deploy --site $NETLIFY_SITE_ID --auth $NETLIFY_ACCESS_TOKEN --prod --dir=build
+          command: yarn build
+
+      - run:
+          name: Deploy
+          command: yarn deploy --site $NETLIFY_SITE_ID --auth $NETLIFY_ACCESS_TOKEN --prod --dir=.next

.nvmrc

@@ -0,0 +1 @@
+16

netlify.toml

@@ -1,7 +1,10 @@
 [build]
   command = "npm run build"
-  publish = "out"
+  publish = ".next"
   functions = "functions"
 
 [dev]
   command = "npm run dev"
+
+[[plugins]]
+  package = "@netlify/plugin-nextjs"

package.json

@@ -9,7 +9,7 @@
     "export": "next export",
     "test:integration": "cypress run",
     "argos": "argos upload cypress/screenshots --ignore \"**/*(failed*.png\"",
-    "deploy": "netlify"
+    "deploy": "netlify deploy"
   },
   "dependencies": {
     "@fortawesome/fontawesome-free": "^5.15.3",
@@ -63,10 +63,11 @@
     "styled-components": "^5.3.3"
   },
   "devDependencies": {
+    "@netlify/plugin-nextjs": "^4.2.5",
     "argos-cli": "^0.3.3",
     "cypress": "^9.4.1",
     "http-server": "^14.1.0",
-    "netlify": "^11.0.0",
+    "netlify-cli": "^9.4.0",
     "typescript": "^4.5.5"
   }
 }