- 28 5月, 2020 7 次提交
-
-
由 Stephen Cefali 提交于
Co-authored-by: NJoe Haddad <joe.haddad@zeit.co>
-
由 JJ Kasper 提交于
Co-authored-by: NJoe Haddad <joe.haddad@zeit.co>
-
由 JJ Kasper 提交于
-
由 Jacob D. Castro 提交于
There was no period before `jsx` in the list of file types for pages. I added the period for consistency.
-
由 JJ Kasper 提交于
This adds a warning when a user has nested a reserved page `_error`, `_app`, or `_document` in their pages directory since it causes it to not be picked up and used by Next.js in the expected way x-ref: https://github.com/zeit/next.js/pull/13425 <details> <summary>Example of warning</summary> <img width="927" alt="Screen Shot 2020-05-27 at 10 39 09" src="https://user-images.githubusercontent.com/22380829/83042315-24276c00-a007-11ea-9dc4-cabcc93571d2.png"> </details>
-
由 Joe Haddad 提交于
Observed here: https://github.com/zeit/next.js/pull/13434#issuecomment-634566450
-
由 TodorTotev 提交于
1. I updated all the packages. 2. Refactored the home component from class to functional 3. Example now uses getServerSideProps instead of getInitialProps
-
- 27 5月, 2020 15 次提交
-
-
由 Maxi Gimenez 提交于
-
由 Benjamin Pearson 提交于
## What An example to show how you can create a static generated build of Next.js (using the new `getStaticProps` and `getStaticPaths` functions) with data fetched from a local GraphQL schema. The same schema is used to host a GraphQL endpoint using the API Route `/api/graphql`. ## Why I was setting up a static hosted website whereby data is stored in a set of local JSON files (pulled from a backend server at build time). I wanted to consume the content using the developer benefits that GraphQL provides and using a consistent interface the GraphQL API consumers would be using. Within my page components I initially made GraphQL `fetch` calls to the locally running `/api/graphql` endpoint which worked well with `npm run dev`, however when it came to `npm run build` that endpoint was inaccessible (I tried both VERCEL_URL and localhost:3000) - which is now understandable given I read further the "[Write server-side code directly](https://nextjs.org/docs/basic-features/data-fetching#write-server-side-code-directly)" documentation. This example may or may not be useful for others so please feel free to close, but I thought I would contribute incase it assisted others. ## Related Discussions It looks as though this PR may help with some of the following discussions: - https://github.com/zeit/next.js/discussions/12785 - https://github.com/zeit/next.js/discussions/10946 - https://github.com/zeit/next.js/discussions/12182 - https://github.com/zeit/next.js/discussions/11285 ## Related Examples The end solution for this PR was a combination of web discussions and seeing the `api-routes-graphql` example. Perhaps this PR should just update that example to use the new methods? Or maybe it is worth having both? - https://github.com/zeit/next.js/blob/canary/examples/examples/api-routes-graphql This is also similar to this example, although that example has more code in order to provide isomorphic Apollo Client for client side code use. - https://github.com/zeit/next.js/blob/canary/examples/api-routes-apollo-server-and-client ## Errors Recieved I've included the below errors as they are the ones I faced when figuring out the end solution. These may just help with SEO for others googling the same issue. ### Error when trying to use localhost:3000 ``` > Build error occurred { FetchError: request to http://localhost:3000/api/graphql failed, reason: connect ECONNREFUSED 127.0.0.1:3000 at ClientRequest.<anonymous> (/vercel/7cf60e2b/.next/serverless/pages/content.js:1999:147829) at ClientRequest.emit (events.js:198:13) at Socket.socketErrorListener (_http_client.js:401:9) at Socket.emit (events.js:198:13) at emitErrorNT (internal/streams/destroy.js:91:8) at emitErrorAndCloseNT (internal/streams/destroy.js:59:3) at process._tickCallback (internal/process/next_tick.js:63:19) type: 'system', errno: 'ECONNREFUSED', code: 'ECONNREFUSED' } ``` ### Error when trying to use VERCEL_URL ``` > Build error occurred { FetchError: invalid json response body at https://vercel.com/login?next=%2Fdeployments%2Fprojectnamehere.now.sh%3Fhost%3Dprojectnamehere.now.sh%26redirect%3D1%26section%3D reason: Unexpected token < in JSON at position 0 at /vercel/3d91c11/node_modules/next/dist/compiled/node-fetch/index.js:1:133590 at process._tickCallback (internal/process/next_tick.js:68:7) type: 'invalid-json' } ```
-
由 JJ Kasper 提交于
This makes sure we don't duplicate the `/` route or any others while exporting with `exportTrailingSlash` enabled. We do still output `404.html` with `exportTrailingSlash` enabled in case anyone was relying on this file being present. Fixes: https://github.com/zeit/next.js/issues/11008
-
由 JJ Kasper 提交于
This fixes an edge case where an application can seemingly randomly be opted out of the automatic static optimization from having an `_error` file that isn't directly nested under the `pages` folder e.g. `pages/hello/_error.js`. Since in serverless mode we use the `_app` export from the first serverless page, if this `_error.js` file is used to check for custom `getIniitalProps` in `_app` and the `_error.js` page had a custom `getInitialProps` itself it would cause the check to fail opting the application out of the static optimization. This fixes it by having the check be explicit instead of relying on the bundle name and it also adds regression tests for this. It might be good to also add a warning when `_error` or `_app` are not directly nested under the pages folder in a follow up PR
-
由 TodorTotev 提交于
**Affected examples** with-segment-analytics with-slate with-portals-ssr ( _with-portals-ssr is based on a package not being updated in the last year_) with-videojs with-next-page-transitions with-firebase-cloud-messaging with-dynamic-app-layout with-dynamic-import with-next-transition with-carbon-components with-cerebral with-custom-babel-config Here and there I have removed some redundant imports as well. I believe with this PR, there are only 1 or 2 examples left using class-based components. If by any chance you find any, let me know and I'll refactor them too. If you don't like anything or you want me to change something, please let me know. **If there is anything else you'd like me to help with, I would be honored to assist.**
-
由 s 提交于
Co-authored-by: NJoe Haddad <joe.haddad@zeit.co>
-
由 Jesse Jafa 提交于
Per https://github.com/zeit/next.js/issues/12964 Removed redundant react imports from next.js/examples/with-overmind
-
由 Joe Haddad 提交于
-
由 Joe Haddad 提交于
The experimental modern mode runs the type checking plugin twice, which **occasionally** suffers from a race condition that hangs the build. This PR fixes type checking to only be run once. While this test cannot 100% reproduce/capture the race condition, I don't feel strongly about the test case: - We're planning on eliminating this type checking plugin ASAP (for a faster alternative) - Modern mode implementation as-is will probably go away with webpack 5
-
由 Christian Stuff 提交于
Closes #9990 by collecting all paths with errors during `next export` and reporting them sorted in the error summary at the end. It will produce an output similar to: ``` Error: Export encountered errors on following paths: /nested/page /page /page-1 /page-10 /page-11 /page-12 /page-13 /page-2 /page-3 /page-4 /page-5 /page-6 /page-7 /page-8 /page-9 at _default (/app/next.js/packages/next/dist/export/index.js:19:788) at process._tickCallback (internal/process/next_tick.js:68:7) ``` I tested the output with the `handle-export-errors` integration test suite, but I'm not sure how to gracefully test this added output. I thought of collecting all page source files with [recursiveReaddirSync](https://github.com/zeit/next.js/blob/2ba352da39ee00b6595aecdc9ffb2f103e803a85/packages/next/next-server/server/lib/recursive-readdir-sync.ts) but it seems I can't import it in js test files: ``` SyntaxError: /app/next.js/packages/next/next-server/server/lib/recursive-readdir-sync.ts: Unexpected token, expected "," (11:5) 9 | */ 10 | export function recursiveReadDirSync( > 11 | dir: string, | ^ 12 | arr: string[] = [], 13 | rootDir = dir 14 | ): string[] { ``` The test itself could look like: ```js it('Reports failing paths', async () => { const { stderr } = await nextBuild(appDir, [], { stdout: true, stderr: true, }) const pages = [] // collect pages to be ['/page', '/page-1', ... etc.] pages.forEach(page => { expect(stderr).toContain(page) }) }) ```
-
由 JJ Kasper 提交于
As discussed this adds bundling of `.env` files in `serverless` mode so that the environment values are also available when deploying with this target closes: https://github.com/zeit/next.js/issues/13332
-
-
由 Joe Haddad 提交于
x-ref: #12313
-
由 Joe Haddad 提交于
Previous referencing the incorrect `Error` global.
-
由 Marco Moretti 提交于
fix #12136 I add a prompt if there is an error when trying to download example files. Maybe could be better to add an error class and in create-app.ts on every "console.error" trow a new Exception and manage it in catch. What you think ?
👯
-
- 26 5月, 2020 15 次提交
-
-
由 Jesse Jafa 提交于
Per https://github.com/zeit/next.js/issues/12964 * with-ant-design * with-dynamic-import * with-iron-session * with-monaco-editor * with-next-page-transitions * with-react-with-styles * with-style-sheet * with-why-did-you-render Tested each example, working as intended, no additional issues presented
-
由 JJ Kasper 提交于
-
由 Jan Potoms 提交于
URL paths are case sensitive, MacOS file system is case insensitive. This PR makes sure development mode doesn't find pages that don't have the casing as specified in the URL. Will clean up and write a test when agreed on this approach. Fixes https://github.com/zeit/next.js/issues/8825 Fixes https://github.com/zeit/next.js/issues/8847 Fixes https://github.com/zeit/next.js/issues/9080
-
由 TodorTotev 提交于
-
由 Jesse Jafa 提交于
Co-authored-by: Nkodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
-
由 Jesse Jafa 提交于
Co-authored-by: Nkodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
-
由 Jan Potoms 提交于
This is purely adding types except for the line: ```js params = getRouteMatcher(getRouteRegex(page))(path) || undefined ``` Also added a couple of `@ts-ignore` as to avoid having to make any more functional changes
-
由 Daniel Paz 提交于
Changed the URLs inside the Monaco Editor Example: https://github.com/zeit/next.js/tree/canary/examples/with-monaco-editor Converted the worker URL to start with the base URL. The reason is if you use the Monaco example anywhere but in the main `pages` folder, it won't work since it uses a relative URL instead. For example if we'll move the code to `pages/room/index.js` it won't work since it will try to search for the files inside `room/_next/_static/` instead of `_next/_static/`. The base URL I added fixes the problem.
-
由 Jan Potoms 提交于
Added a few extra types here and there while I was digging through the code
-
由 Erik 提交于
* set up with-ts-eslint-jest example app * eslint ignore new app bc it has a conflicting eslintrc * make eslint + husky setup manual * clarify app README setup notes * move page tests out of pages/ dir * Simplifying configs * extend "prettier" * format fix * Updated rules * Added husky configs and removed debug option * Removed notes and configuration * Updated pages * Added links to readme * Added example to .prettierignore * Updated snap * Make the lint work Co-authored-by: NLuis Alvarez D <luis@vercel.com>
-
由 TodorTotev 提交于
Related to [11014](https://github.com/zeit/next.js/issues/11014) First and most important, removed the getInitialProps and used getStaticProps. Then, I refactored Counter, DataList and Examples components. I have refactored them from class-based components to functional. Also in each component the redux implementation was refactored using the new hooks API, which resulted in ~40% less code. If you want me to change anything or you are not satisfied with any given change, I'm open to suggestions.
-
由 Giuseppe 提交于
-
由 TodorTotev 提交于
Related to [11014](https://github.com/zeit/next.js/issues/11014) 1. I have changed the component from class to functional. 2. I have removed the getInitialProps and used getStaticProps instead. 3. I have removed the redundant connect to redux @ the index page, due to the fact that now we can dispatch the action with the required hook. If you want me to change anything or you are not satisfied with any given change, I'm open to suggestions.
-
由 TodorTotev 提交于
Related to [11014](https://github.com/zeit/next.js/issues/11014) Upgraded all the packages from package.json, removed the saga-wrapper package since it is totally outdated to today's use. I have refactored the whole example using the new API of the next-redux-wrapper package, using their new support of "getStaticProps". All of the class components were converted to functional, using the new redux hooks API. If you want me to change anything or you are not satisfied with any given change, I'm open to suggestions.
-
由 Ayhan 提交于
-
- 25 5月, 2020 3 次提交
-
-
由 Ty Mick 提交于
https://vercel.com/blog/oss redirects to https://vercel.com. Is https://vercel.com/oss the right URL?
-
由 Jan Potoms 提交于
-
由 Takumasa Sakao 提交于
* Replace blog-starter to blog-starter-typescript * Fix unnecessary replacement
-