cassidoo / next-netlify-starter

A one-click starter project for Next and Netlify, moved to https://github.com/netlify-templates/next-netlify-starter

This project has been moved!!

Go here to see the latest repo!

Deploy the official Netlify version here:

Next + Netlify Starter

This is a Next.js v12 project bootstrapped with create-next-app and set up to be instantly deployed to Netlify!

This project is a very minimal starter that includes 2 sample components, a global stylesheet, a netlify.toml for deployment, and a jsconfig.json for setting up absolute imports and aliases. It also includes the Essential Next.js Build Plugin, which will allow for you to implement features like Preview Mode, server-side rendering/incremental static regeneration via Netlify Functions, and internationalized routing.

next-netlify-starter's Issues

One-click Deploy succeeds, but does not work

Hi @cassidoo, thanks for putting this starter together!

I've gone through the one-click process, Netlify successfully clones the repo and builds it without error, but then I only receive a 404 at the index page.

I don't want to request Netlify support in this issue, just wanted to note that there were some challenges with the starter. It could be anything from transient system issues at Netlify to an update to the NextJS plugin.

It's perplexing because as far as I can tell, the build truly succeeds. I can confirm that it works locally. Any insight is welcome!

My instance lives at https://sharp-poincare-de37c9.netlify.app

Netlify log dump

Click to expand!

10:03:05 AM: Build ready to start
10:03:16 AM: build-image version: 0582042f4fc261adc7bd8333f34884959c577302
10:03:16 AM: build-image tag: v3.7.6
10:03:16 AM: buildbot version: 5bd5f67b3a2fd548e6d0fc6a8ce4f41761563804
10:03:16 AM: Fetching cached dependencies
10:03:16 AM: Failed to fetch cache, continuing with build
10:03:16 AM: Starting to prepare the repo for build
10:03:17 AM: No cached dependencies found. Cloning fresh repo
10:03:17 AM: git clone https://github.com/cassidoo/next-netlify-starter
10:03:17 AM: Preparing Git Reference refs/heads/main
10:03:18 AM: Parsing package.json dependencies
10:03:18 AM: Starting build script
10:03:18 AM: Installing dependencies
10:03:18 AM: Python version set to 2.7
10:03:19 AM: v12.18.0 is already installed.
10:03:20 AM: Now using node v12.18.0 (npm v6.14.4)
10:03:20 AM: Started restoring cached build plugins
10:03:20 AM: Finished restoring cached build plugins
10:03:20 AM: Attempting ruby version 2.7.1, read from environment
10:03:21 AM: Using ruby version 2.7.1
10:03:21 AM: Using PHP version 5.6
10:03:21 AM: Started restoring cached node modules
10:03:21 AM: Finished restoring cached node modules
10:03:22 AM: Installing NPM modules using NPM version 6.14.4
10:03:27 AM: npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/fsevents):
10:03:27 AM: npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
10:03:27 AM: added 267 packages from 225 contributors and audited 268 packages in 5.108s
10:03:27 AM: 44 packages are looking for funding
10:03:27 AM:   run `npm fund` for details
10:03:27 AM: found 0 vulnerabilities
10:03:28 AM: NPM modules installed
10:03:28 AM: Started restoring cached go cache
10:03:28 AM: Finished restoring cached go cache
10:03:28 AM: go version go1.14.4 linux/amd64
10:03:28 AM: go version go1.14.4 linux/amd64
10:03:28 AM: Installing missing commands
10:03:28 AM: Verify run directory
10:03:28 AM: ​
10:03:28 AM: ────────────────────────────────────────────────────────────────
10:03:28 AM:   Netlify Build                                                 
10:03:28 AM: ────────────────────────────────────────────────────────────────
10:03:28 AM: ​
10:03:28 AM: ❯ Version
10:03:28 AM:   @netlify/build 11.31.1
10:03:28 AM: ​
10:03:28 AM: ❯ Flags
10:03:28 AM:   deployId: 60ba329920d8bb7f5b7dd309
10:03:28 AM: ​
10:03:28 AM: ❯ Current directory
10:03:28 AM:   /opt/build/repo
10:03:28 AM: ​
10:03:28 AM: ❯ Config file
10:03:28 AM:   /opt/build/repo/netlify.toml
10:03:28 AM: ​
10:03:28 AM: ❯ Context
10:03:28 AM:   production
10:03:29 AM: ​
10:03:29 AM: ❯ Installing plugins
10:03:29 AM:    - @netlify/[email protected]
10:03:47 AM: ​
10:03:47 AM: ❯ Loading plugins
10:03:47 AM:    - @netlify/[email protected] from Netlify app
10:03:47 AM: ​
10:03:47 AM: ────────────────────────────────────────────────────────────────
10:03:47 AM:   1. onPreBuild command from @netlify/plugin-nextjs             
10:03:47 AM: ────────────────────────────────────────────────────────────────
10:03:47 AM: ​
10:03:47 AM: info  - Using webpack 5. Reason: no next.config.js https://nextjs.org/docs/messages/webpack5
10:03:48 AM: The "target" config property must be one of "serverless", "experimental-serverless-trace". Building with "serverless" target.
10:03:48 AM: info  - Using webpack 5. Reason: no next.config.js https://nextjs.org/docs/messages/webpack5
10:03:48 AM: No Next.js cache to restore.
10:03:48 AM: ​
10:03:48 AM: (@netlify/plugin-nextjs onPreBuild completed in 639ms)
10:03:48 AM: ​
10:03:48 AM: ────────────────────────────────────────────────────────────────
10:03:48 AM:   2. build.command from netlify.toml                            
10:03:48 AM: ────────────────────────────────────────────────────────────────
10:03:48 AM: ​
10:03:48 AM: $ npm run build
10:03:48 AM: > [email protected] build /opt/build/repo
10:03:48 AM: > next build
10:03:49 AM: info  - Using webpack 5. Reason: no next.config.js https://nextjs.org/docs/messages/webpack5
10:03:49 AM: info  - Checking validity of types...
10:03:49 AM: info  - Creating an optimized production build...
10:04:03 AM: info  - Compiled successfully
10:04:03 AM: info  - Collecting page data...
10:04:04 AM: info  - Generating static pages (0/3)
10:04:04 AM: info  - Generating static pages (3/3)
10:04:04 AM: info  - Finalizing page optimization...
10:04:04 AM: Page                                Size     First Load JS
10:04:04 AM: ┌ ○ /                               2.68 kB        65.7 kB
10:04:04 AM: ├   └ css/32281d891ad0432def8f.css  158 B
10:04:04 AM: ├   /_app                           0 B              63 kB
10:04:04 AM: └ ○ /404                            3.06 kB        66.1 kB
10:04:04 AM: + First Load JS shared by all       63 kB
10:04:04 AM:   ├ chunks/framework.923004.js      42 kB
10:04:04 AM:   ├ chunks/main.71948a.js           19.4 kB
10:04:04 AM:   ├ chunks/pages/_app.968165.js     555 B
10:04:04 AM:   ├ chunks/webpack.189c53.js        994 B
10:04:04 AM:   └ css/d9b1b4030fd41216b882.css    330 B
10:04:04 AM: λ  (Server)  server-side renders at runtime (uses getInitialProps or getServerSideProps)
10:04:04 AM: ○  (Static)  automatically rendered as static HTML (uses no initial props)
10:04:04 AM: ●  (SSG)     automatically generated as static HTML + JSON (uses getStaticProps)
10:04:04 AM:    (ISR)     incremental static regeneration (uses revalidate in getStaticProps)
10:04:04 AM: ​
10:04:04 AM: (build.command completed in 16.4s)
10:04:04 AM: ​
10:04:04 AM: ────────────────────────────────────────────────────────────────
10:04:04 AM:   3. onBuild command from @netlify/plugin-nextjs                
10:04:04 AM: ────────────────────────────────────────────────────────────────
10:04:04 AM: ​
10:04:04 AM: ** Running Next on Netlify package **
10:04:04 AM: 🚀 Next on Netlify 🚀
10:04:04 AM: 🌍️ Copying public/ folder to out
10:04:04 AM: 💼 Copying static NextJS assets to out
10:04:04 AM: 💫 Setting up API endpoints as Netlify Functions in netlify/functions
10:04:04 AM: 💫 Setting up pages with getInitialProps as Netlify Functions in netlify/functions
10:04:04 AM: 💫 Setting up pages with getServerSideProps as Netlify Functions in netlify/functions
10:04:04 AM: 🔥 Copying pre-rendered pages with getStaticProps and JSON data to out
10:04:04 AM: 💫 Setting up pages with getStaticProps and fallback: true as Netlify Functions in netlify/functions
10:04:04 AM: 💫 Setting up pages with getStaticProps and revalidation interval as Netlify Functions in netlify/functions
10:04:04 AM: 🔥 Copying pre-rendered pages without props to out
10:04:04 AM: Building 0 pages
10:04:04 AM: 🔀 Setting up redirects
10:04:04 AM: 🔀 Setting up headers
10:04:04 AM: ✅ Success! All done!
10:04:04 AM: ​
10:04:04 AM: (@netlify/plugin-nextjs onBuild completed in 102ms)
10:04:04 AM: ​
10:04:04 AM: ────────────────────────────────────────────────────────────────
10:04:04 AM:   4. Functions bundling                                         
10:04:04 AM: ────────────────────────────────────────────────────────────────
10:04:04 AM: ​
10:04:05 AM: Packaging Functions from netlify/functions directory:
10:04:05 AM:  - next_image.js
10:04:05 AM: ​
10:04:11 AM: ​
10:04:11 AM: (Functions bundling completed in 6.7s)
10:04:11 AM: ​
10:04:11 AM: ────────────────────────────────────────────────────────────────
10:04:11 AM:   5. onPostBuild command from @netlify/plugin-nextjs            
10:04:11 AM: ────────────────────────────────────────────────────────────────
10:04:11 AM: ​
10:04:11 AM: Next.js cache saved.
10:04:11 AM: ​
10:04:11 AM: (@netlify/plugin-nextjs onPostBuild completed in 56ms)
10:04:11 AM: ​
10:04:11 AM: ────────────────────────────────────────────────────────────────
10:04:11 AM:   6. Deploy site                                                
10:04:11 AM: ────────────────────────────────────────────────────────────────
10:04:11 AM: ​
10:04:11 AM: Starting to deploy site from 'out'
10:04:11 AM: Creating deploy tree 
10:04:11 AM: Creating deploy upload records
10:04:11 AM: 0 new files to upload
10:04:11 AM: 1 new functions to upload
10:04:13 AM: Site deploy was successfully initiated
10:04:13 AM: ​
10:04:13 AM: (Deploy site completed in 2s)
10:04:13 AM: Starting post processing
10:04:13 AM: Post processing - HTML
10:04:13 AM: ​
10:04:13 AM: ────────────────────────────────────────────────────────────────
10:04:13 AM:   Netlify Build Complete                                        
10:04:13 AM: ────────────────────────────────────────────────────────────────
10:04:13 AM: ​
10:04:13 AM: (Netlify Build completed in 44.9s)
10:04:13 AM: Post processing - header rules
10:04:13 AM: Post processing - redirect rules
10:04:13 AM: Post processing done
10:04:14 AM: Caching artifacts
10:04:14 AM: Started saving node modules
10:04:14 AM: Finished saving node modules
10:04:14 AM: Started saving build plugins
10:04:14 AM: Finished saving build plugins
10:04:14 AM: Started saving pip cache
10:04:14 AM: Site is live ✨
10:04:14 AM: Finished saving pip cache
10:04:14 AM: Started saving emacs cask dependencies
10:04:14 AM: Finished saving emacs cask dependencies
10:04:14 AM: Started saving maven dependencies
10:04:14 AM: Finished saving maven dependencies
10:04:14 AM: Started saving boot dependencies
10:04:14 AM: Finished saving boot dependencies
10:04:14 AM: Started saving rust rustup cache
10:04:14 AM: Finished saving rust rustup cache
10:04:14 AM: Started saving go dependencies
10:04:14 AM: Finished saving go dependencies
10:04:16 AM: Build script success
10:04:16 AM: Pushing to repository [email protected]:RyKilleen/next-netlify-starter
10:04:36 AM: Finished processing build request in 1m19.712868048s

00.1

If i enable cors in my next.config.js file I get error!

Get error log here, also, I commented about this on very similar issue in netlify-plugin-nextjs repo as well.

netlify/next-runtime#165

Why is the publish directory "out" in the netlify.toml?

Why is the publish directory "out" in the netlify.toml and not ".next"?

Starter project for TypeScript

I ran through the deploy test and have a dev site:

http://moonbeam.adaept.com

The starter is JavaScript but I would like to use TypeScript.

Is there documentation to get this running?

npm install step not listed in getting started

The Getting Started directions don't include an npm install step.

Minor thing, but tripped me up for a second since I'm still new to npm/next/etc...