chore: NextJS -> Next.js (#55961)
This commit is contained in:
parent
76e06d55a8
commit
37b5cea794
13 changed files with 15 additions and 15 deletions
|
@ -321,7 +321,7 @@ Alternatively, you can deploy using our template by clicking on the Deploy butto
|
|||
|
||||
### Step 18. Try preview mode
|
||||
|
||||
Now that you've deployed your app to Vercel, take note of the URL of your deployed site. This will be registered in Agility CMS so that when editors click the `Preview` button within Agility CMS, your app is loaded in **Preview Mode**. Learn more about [NextJS Preview Mode](https://nextjs.org/docs/advanced-features/preview-mode)).
|
||||
Now that you've deployed your app to Vercel, take note of the URL of your deployed site. This will be registered in Agility CMS so that when editors click the `Preview` button within Agility CMS, your app is loaded in **Preview Mode**. Learn more about [Next.js Preview Mode](https://nextjs.org/docs/advanced-features/preview-mode)).
|
||||
|
||||
To enable the Preview Mode, you'll need to add your site to **Domain Configuration** in Agility CMS:
|
||||
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
{
|
||||
"name": "ButterCMS NextJS Starter Project ",
|
||||
"name": "ButterCMS Next.js Starter Project ",
|
||||
"description": "Drop-in proof-of-concept NextJs app, fully integrated with your ButterCMS account.",
|
||||
"repository": "https://github.com/ButterCMS/nextjs-starter-buttercms",
|
||||
"logo": "https://cdn.buttercms.com/R3fbtvoRT2CqEQSmk8hb",
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
# Next + Payload Serverless Demo
|
||||
|
||||
This is a demo showing how to utilize `@payloadcms/next-payload` to deploy Payload serverlessly, in the same repo alongside of a NextJS app.
|
||||
This is a demo showing how to utilize `@payloadcms/next-payload` to deploy Payload serverlessly, in the same repo alongside of a Next.js app.
|
||||
|
||||
## Deploy your own
|
||||
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
|
||||
[![amplifybutton](https://oneclick.amplifyapp.com/button.svg)](https://console.aws.amazon.com/amplify/home#/deploy?repo=https://github.com/vercel/next.js/tree/canary/examples/with-aws-amplify)
|
||||
|
||||
This example shows how to build a server rendered web application with NextJS and AWS Amplify. We use AWS Amplify to generate code and to manage and consume the AWS cloud resources needed for our app. The NextJS app has dynamic and static routes to demonstrate how to load data on the server based on the incoming request.
|
||||
This example shows how to build a server rendered web application with Next.js and AWS Amplify. We use AWS Amplify to generate code and to manage and consume the AWS cloud resources needed for our app. The Next.js app has dynamic and static routes to demonstrate how to load data on the server based on the incoming request.
|
||||
|
||||
Two routes are implemented :
|
||||
|
||||
|
|
|
@ -96,7 +96,7 @@ const Main = () => (
|
|||
rel="noreferrer"
|
||||
className={styles.link}
|
||||
>
|
||||
<span className={styles.linkText}>Read NextJS documentation</span>
|
||||
<span className={styles.linkText}>Read Next.js documentation</span>
|
||||
</Link>
|
||||
</div>
|
||||
</main>
|
||||
|
|
|
@ -19,7 +19,7 @@ export default function Home() {
|
|||
return (
|
||||
<div>
|
||||
<Head>
|
||||
<title>Geist UI with NextJS</title>
|
||||
<title>Geist UI with Next.js</title>
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
</Head>
|
||||
<Page dotBackdrop width="800px" padding={0}>
|
||||
|
|
|
@ -15,7 +15,7 @@ export default function Home() {
|
|||
return (
|
||||
<>
|
||||
<Head>
|
||||
<title>NextJS with Material Design Bootstrap for React</title>
|
||||
<title>Next.js with Material Design Bootstrap for React</title>
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
</Head>
|
||||
<MDBContainer className="text-center mt-5">
|
||||
|
|
|
@ -11,7 +11,7 @@ export default function Home() {
|
|||
return (
|
||||
<Box as="main" padding="space70">
|
||||
<Head>
|
||||
<title>Paste NextJS App</title>
|
||||
<title>Paste Next.js App</title>
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
</Head>
|
||||
|
||||
|
@ -50,7 +50,7 @@ export default function Home() {
|
|||
<Heading as="h3" variant="heading30">
|
||||
<Anchor href="https://nextjs.org/docs">
|
||||
<Box as="span" display="flex" alignItems="center">
|
||||
NextJS Documentation{' '}
|
||||
Next.js Documentation{' '}
|
||||
<ArrowForwardIcon decorative size="sizeIcon60" />
|
||||
</Box>
|
||||
</Anchor>
|
||||
|
|
|
@ -231,10 +231,10 @@ export default function Home() {
|
|||
</div>
|
||||
<div className={styles.card}>
|
||||
<h2 className={inter.className}>
|
||||
NextJS 13 Features <span>-></span>
|
||||
Next.js 13 Features <span>-></span>
|
||||
</h2>
|
||||
<p className={inter.className}>
|
||||
NextJS 13 continues to bring many new features to developers,
|
||||
Next.js 13 continues to bring many new features to developers,
|
||||
especially those depoying on Vercel. We are trying to keep up, we
|
||||
promise!
|
||||
</p>
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
|
||||
This example features how you use a different styling solution than [styled-jsx](https://github.com/vercel/styled-jsx) that also supports universal styles. That means we can serve the required styles for the first render within the HTML and then load the rest in the client. In this case we are using [styled-components](https://github.com/styled-components/styled-components).
|
||||
|
||||
For this purpose we are extending the `<Document />` and injecting the server side rendered styles into the `<head>`, and also adding the `babel-plugin-styled-components` (which is required for server side rendering). Additionally we set up a global [theme](https://www.styled-components.com/docs/advanced#theming) for styled-components using NextJS custom [`<App>`](https://nextjs.org/docs/advanced-features/custom-app) component.
|
||||
For this purpose we are extending the `<Document />` and injecting the server side rendered styles into the `<head>`, and also adding the `babel-plugin-styled-components` (which is required for server side rendering). Additionally we set up a global [theme](https://www.styled-components.com/docs/advanced#theming) for styled-components using Next.js custom [`<App>`](https://nextjs.org/docs/advanced-features/custom-app) component.
|
||||
|
||||
## Preview
|
||||
|
||||
|
|
|
@ -161,6 +161,6 @@ free to add more functionalities or customize App for your use-case and learn mo
|
|||
[typescript-url]: https://www.typescriptlang.org/
|
||||
[vercel]: https://img.shields.io/badge/vercel-F22F46?style=for-the-badge&logo=vercel&logoColor=white
|
||||
[vercel-url]: https://vercel.com/
|
||||
[deploy-url]: https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Ftigrisdata%2Ftigris-vercel-starter&project-name=todo-list-app-tigris&repo-name=todo-list-webapp-tigris&demo-title=My%20To-do%20list%20webapp&demo-description=A%20To-do%20list%20webapp%20using%20NextJS%20and%20Tigris&integration-ids=oac_Orjx197uMuJobdSaEpVv2Zn8
|
||||
[deploy-url]: https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Ftigrisdata%2Ftigris-vercel-starter&project-name=todo-list-app-tigris&repo-name=todo-list-webapp-tigris&demo-title=My%20To-do%20list%20webapp&demo-description=A%20To-do%20list%20webapp%20using%20Next.js%20and%20Tigris&integration-ids=oac_Orjx197uMuJobdSaEpVv2Zn8
|
||||
[next.js]: https://img.shields.io/badge/next.js-000000?style=for-the-badge&logo=nextdotjs&logoColor=white
|
||||
[next-url]: https://nextjs.org/
|
||||
|
|
|
@ -29,7 +29,7 @@ export async function getRepoInfo(
|
|||
const filePath = examplePath ? examplePath.replace(/^\//, '') : file.join('/')
|
||||
|
||||
if (
|
||||
// Support repos whose entire purpose is to be a NextJS example, e.g.
|
||||
// Support repos whose entire purpose is to be a Next.js example, e.g.
|
||||
// https://github.com/:username/:my-cool-nextjs-example-repo-name.
|
||||
t === undefined ||
|
||||
// Support GitHub URL that ends with a trailing slash, e.g.
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
{
|
||||
"name": "@next/eslint-plugin-next",
|
||||
"version": "13.5.3",
|
||||
"description": "ESLint plugin for NextJS.",
|
||||
"description": "ESLint plugin for Next.js.",
|
||||
"main": "dist/index.js",
|
||||
"license": "MIT",
|
||||
"repository": {
|
||||
|
|
Loading…
Reference in a new issue