### Install and Run Next.js Development Server Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/cms-sitefinity/README.md Commands to install project dependencies and start the Next.js development server. This allows you to see your blog running locally. ```bash npm install npm run dev ``` ```bash yarn yarn dev ``` -------------------------------- ### Install and Run Next.js Development Server Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/cms-kontent-ai/README.md Installs project dependencies and starts the Next.js development server. This allows you to see your application running locally. ```bash npm install npm run dev # or yarn yarn dev ``` -------------------------------- ### Install and Run Next.js Development Server Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/with-nhost-auth-realtime-graphql/README.md Commands to install project dependencies and start the Next.js development server. This is typically done after bootstrapping the project or cloning the repository. ```bash npm install npm run dev ``` ```bash yarn install yarn dev ``` ```bash pnpm install pnpm dev ``` -------------------------------- ### Create Next App with Blog Example Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/blog/README.md Bootstrap a new Next.js application using the 'blog' example. This command-line interface (CLI) tool automates project setup, allowing developers to quickly start building a blog or portfolio. ```bash npx create-next-app --example blog my-blog ``` ```bash yarn create next-app --example blog my-blog ``` ```bash pnpm create next-app --example blog my-blog ``` -------------------------------- ### Contentful Setup Script Output Example Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/cms-contentful/README.md Example output from the Contentful setup script, showing the entities being imported and the progress of the setup process. This confirms the successful creation of content types, fields, and other necessary structures. ```bash > cms-contentful@1.0.0 setup /Users/stefan.judis/Projects/next.js/examples/cms-contentful > node ./contentful/setup.js $CONTENTFUL_SPACE_ID $CONTENTFUL_MANAGEMENT_TOKEN ┌──────────────────────────────────────────────────┐ │ The following entities are going to be imported: │ ├─────────────────────────────────┬────────────────┤ │ Content Types │ 2 │ ├─────────────────────────────────┼────────────────┤ │ Editor Interfaces │ 2 │ ├─────────────────────────────────┼────────────────┤ │ Locales │ 1 │ ├─────────────────────────────────┼────────────────┤ │ Webhooks │ 0 │ ├─────────────────────────────────┼────────────────┤ │ Entries │ 0 │ ├─────────────────────────────────┼────────────────┤ │ Assets │ 0 │ └─────────────────────────────────┴────────────────┘ ✔ Validating content-file ✔ Initialize client (1s) ✔ Checking if destination space already has any content and retrieving it (2s) ✔ Apply transformations to source data (1s) ✔ Push content to destination space ✔ Connecting to space (1s) ... ... ... ``` -------------------------------- ### Run Next.js Development Server Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/cms-builder-io/README.md Install project dependencies and start the Next.js development server. This command makes your blog accessible locally. ```bash npm install npm run dev ``` ```bash yarn install yarn dev ``` -------------------------------- ### Install and Run Next.js Dev Server Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/with-turbopack-loaders/README.md Commands to install project dependencies and start the Next.js development server using npm, Yarn, or pnpm. ```sh npm install npm run dev ``` ```sh yarn yarn dev ``` ```sh pnpm install pnpm dev ``` -------------------------------- ### Install Project Dependencies Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/cms-makeswift/README.md Installs the necessary Node.js dependencies for the Next.js project. This step is crucial after bootstrapping the example. ```bash yarn install # or npm install # or pnpm install ``` -------------------------------- ### Bootstrap Next.js with XState Example Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/with-xstate/README.md Instructions to create a new Next.js application pre-configured with the XState example. This command-line interface (CLI) approach simplifies project setup. ```bash npx create-next-app --example with-xstate with-xstate-app ``` ```bash yarn create next-app --example with-xstate with-xstate-app ``` ```bash pnpm create next-app --example with-xstate with-xstate-app ``` -------------------------------- ### Bootstrap Next.js App with Zustand Example Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/with-zustand/README.md These commands show how to bootstrap a new Next.js application using the 'with-zustand' example. This sets up the project with Zustand pre-configured, allowing you to start building your state-managed application immediately. Ensure you have Node.js and a package manager (npm, Yarn, or pnpm) installed. ```bash npx create-next-app --example with-zustand with-zustand-app ``` ```bash yarn create next-app --example with-zustand with-zustand-app ``` ```bash pnpm create next-app --example with-zustand with-zustand-app ``` -------------------------------- ### Install and Run TinaCMS Development Server Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/cms-tina/README.md After bootstrapping the project, install dependencies and start the Next.js development server with TinaCMS enabled. This command is used for local development and content editing. ```bash npm install npm run tina-dev ``` ```bash yarn install yarn tina-dev ``` -------------------------------- ### Create Next.js App with Cosmic Example Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/cms-cosmic/README.md Bootstrap a new Next.js project using the Cosmic CMS example. This command initializes the project structure and installs necessary dependencies. ```bash npx create-next-app --example cms-cosmic cms-cosmic-app ``` ```bash yarn create next-app --example cms-cosmic cms-cosmic-app ``` ```bash pnpm create next-app --example cms-cosmic cms-cosmic-app ``` -------------------------------- ### Bootstrap Next.js with urql Example using npm Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/with-urql/README.md This command bootstraps a new Next.js application with the urql example integrated. It uses npm as the package manager. Ensure you have Node.js and npm installed. ```bash npx create-next-app --example with-urql with-urql-app ``` -------------------------------- ### Bootstrap Next.js Example with npm Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/with-typescript-graphql/README.md This command initializes a new Next.js project using npm, bootstrapping it with the 'with-typescript-graphql' example. This is the recommended way to start if you prefer using npm as your package manager. ```bash npx create-next-app --example with-typescript-graphql with-typescript-graphql-app ``` -------------------------------- ### Bootstrap Next.js App with Goober Example Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/with-goober/README.md Instructions to set up a new Next.js project using the 'with-goober' example. This command initializes a Next.js application with Goober pre-configured, simplifying the setup process for developers. ```bash npx create-next-app --example with-goober with-goober-app ``` ```bash yarn create next-app --example with-goober with-goober-app ``` ```bash pnpm create next-app --example with-goober with-goober-app ``` -------------------------------- ### Bootstrap Next.js with urql Example using pnpm Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/with-urql/README.md This command bootstraps a new Next.js application with the urql example integrated. It uses pnpm as the package manager. Ensure you have Node.js and pnpm installed. ```bash pnpm create next-app --example with-urql with-urql-app ``` -------------------------------- ### Bootstrap Next.js App with graphql-react Example Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/with-graphql-react/README.md Instructions on how to bootstrap a new Next.js application with the graphql-react example using npm, Yarn, or pnpm. This command sets up the project structure and installs necessary dependencies. ```bash npx create-next-app --example with-graphql-react with-graphql-react-app ``` ```bash yarn create next-app --example with-graphql-react with-graphql-react-app ``` ```bash pnpm create next-app --example with-graphql-react with-graphql-react-app ``` -------------------------------- ### Bootstrap Radix UI Example with create-next-app (npm) Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/radix-ui/README.md This command uses npm to bootstrap a new Next.js application with the Radix UI example. It initializes the project and installs necessary dependencies. ```bash npx create-next-app --example radix-ui radix-ui-app ``` -------------------------------- ### Bootstrap Next.js Example with pnpm Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/with-typescript-graphql/README.md This command initializes a new Next.js project using pnpm, bootstrapping it with the 'with-typescript-graphql' example. This is the recommended way to start if you prefer using pnpm as your package manager. ```bash pnpm create next-app --example with-typescript-graphql with-typescript-graphql-app ``` -------------------------------- ### Bootstrap Next.js with urql Example using Yarn Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/with-urql/README.md This command bootstraps a new Next.js application with the urql example integrated. It uses Yarn as the package manager. Ensure you have Node.js and Yarn installed. ```bash yarn create next-app --example with-urql with-urql-app ``` -------------------------------- ### Install Dependencies and Run Next.js App Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/with-formspree/README.md This snippet shows the commands to install project dependencies using npm and to run the Next.js development server locally. It assumes the user has Node.js and npm installed. ```shell npm install npm run dev ``` -------------------------------- ### Bootstrap Next.js App with Polyfills Example using npm Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/with-polyfills/README.md This command uses npx to create a new Next.js application bootstrapped with the 'with-polyfills' example. It installs the necessary dependencies and sets up the project structure. ```bash npx create-next-app --example with-polyfills with-polyfills-app ``` -------------------------------- ### Create Next App with Context API Example Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/with-context-api/README.md Instructions to bootstrap a new Next.js project using the context API example. This command-line interface (CLI) tool automates the setup process for the Next.js application. ```bash npx create-next-app --example with-context-api with-context-api-app ``` ```bash yarn create next-app --example with-context-api with-context-api-app ``` ```bash pnpm create next-app --example with-context-api with-context-api-app ``` -------------------------------- ### Bootstrap Next.js Example with Yarn Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/with-typescript-graphql/README.md This command initializes a new Next.js project using Yarn, bootstrapping it with the 'with-typescript-graphql' example. This is the recommended way to start if you prefer using Yarn as your package manager. ```bash yarn create next-app --example with-typescript-graphql with-typescript-graphql-app ``` -------------------------------- ### Bootstrap Next.js App with Reflux Example (Yarn) Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/with-reflux/README.md This command uses Yarn to create a new Next.js application bootstrapped with the 'with-reflux' example. It automates the setup process, including installing necessary packages. ```bash yarn create next-app --example with-reflux with-reflux-app ``` -------------------------------- ### Bootstrap Next.js App with MySQL Example Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/with-mysql/README.md Uses create-next-app to bootstrap a new Next.js project with the MySQL example. This command initializes the project structure and necessary configurations. ```bash npx create-next-app --example with-mysql nextjs-mysql ``` ```bash yarn create next-app --example with-mysql nextjs-mysql ``` ```bash pnpm create next-app --example with-mysql nextjs-mysql ``` ```bash bunx create-next-app --example with-mysql nextjs-mysql ``` -------------------------------- ### Create Next.js App with Cypress Example Source: https://github.com/sleeptok3n/next.js/blob/canary/docs/01-app/02-guides/testing/cypress.mdx Quickly set up a Next.js project with Cypress integration using the provided example. This command is available for pnpm, npm, yarn, and bun package managers. ```bash pnpm create next-app --example with-cypress with-cypress-app ``` ```bash npx create-next-app@latest --example with-cypress with-cypress-app ``` ```bash yarn create next-app --example with-cypress with-cypress-app ``` ```bash bun create next-app --example with-cypress with-cypress-app ``` -------------------------------- ### Create Next.js App with MSW Example Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/with-msw/README.md Bootsraps a new Next.js application using a specific example that includes Mock Service Worker integration. This command simplifies the setup process for developers who want to start with a pre-configured MSW environment in Next.js. It is available for npm, Yarn, and pnpm. ```bash npx create-next-app --example with-msw with-msw-app ``` ```bash yarn create next-app --example with-msw with-msw-app ``` ```bash pnpm create next-app --example with-msw with-msw-app ``` -------------------------------- ### Create .env File Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/with-mysql/README.md Renames the example environment file to .env, which will store your database connection details and other environment-specific variables. ```sh mv .env.example .env ``` -------------------------------- ### Install Dependencies and Run Development Server Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/cms-enterspeed/README.md Installs project dependencies using either npm or yarn, and then starts the Next.js development server. This command is used to run the blog locally for development and testing. ```bash npm install npm run dev # or yarn install yarn dev ``` -------------------------------- ### Bootstrap Next.js App with MQTT.js Example Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/with-mqtt-js/README.md This command bootstraps a new Next.js application using the 'with-mqtt-js' example. It requires Node.js and a package manager like npm, Yarn, or pnpm. The command clones the example repository and sets up the project structure. ```bash npx create-next-app --example with-mqtt-js with-mqtt-js-app ``` ```bash yarn create next-app --example with-mqtt-js with-mqtt-js-app ``` ```bash pnpm create next-app --example with-mqtt-js with-mqtt-js-app ``` -------------------------------- ### Add Next.js Development Scripts to package.json Source: https://github.com/sleeptok3n/next.js/blob/canary/docs/01-app/01-getting-started/01-installation.mdx Adds essential scripts to the package.json file for managing the Next.js application lifecycle. These include commands for development, building, starting the production server, and linting. ```json { "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "eslint", "lint:fix": "eslint --fix" } } ``` -------------------------------- ### Clone and Install Stencil Component Starter Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/with-stencil/packages/test-component/readme.md This snippet shows the bash commands to clone the Stencil component starter repository, navigate into the new directory, remove the default origin, install dependencies, and start the development server. ```bash git clone https://github.com/ionic-team/stencil-component-starter.git my-component cd my-component git remote rm origin npm install npm start ``` -------------------------------- ### Create Next.js App with Vitest Example (bun) Source: https://github.com/sleeptok3n/next.js/blob/canary/docs/01-app/02-guides/testing/vitest.mdx Quickly set up a new Next.js project with Vitest integration using the provided example. This command utilizes bun as the package manager. ```bash bun create next-app --example with-vitest with-vitest-app ``` -------------------------------- ### Reference Static Assets (app/page.tsx/app/page.js) Source: https://github.com/sleeptok3n/next.js/blob/canary/docs/01-app/01-getting-started/01-installation.mdx Demonstrates how to reference static assets stored in the `public` directory using the `next/image` component. Files in `public` are served from the root URL (`/`). This example shows how to display an image named `profile.png`. ```tsx import Image from 'next/image' export default function Page() { return Profile } ``` ```jsx import Image from 'next/image' export default function Page() { return Profile } ``` -------------------------------- ### Quickstart Next.js Project with Jest Source: https://github.com/sleeptok3n/next.js/blob/canary/docs/01-app/02-guides/testing/jest.mdx This snippet demonstrates how to quickly set up a new Next.js project with Jest integration using the `with-jest` example. It provides commands for popular package managers like pnpm, npm, yarn, and bun. ```bash pnpm create next-app --example with-jest with-jest-app ``` ```bash npx create-next-app@latest --example with-jest with-jest-app ``` ```bash yarn create next-app --example with-jest with-jest-app ``` ```bash bun create next-app --example with-jest with-jest-app ``` -------------------------------- ### Bootstrap Next.js with Kea Example (pnpm) Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/with-kea/README.md This command uses pnpm to create a new Next.js application bootstrapped with the 'with-kea' example. It requires Node.js and pnpm to be installed. ```bash pnpm create next-app --example with-kea with-kea-app ``` -------------------------------- ### Bootstrap Next.js with Kea Example (Yarn) Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/with-kea/README.md This command uses Yarn to create a new Next.js application bootstrapped with the 'with-kea' example. It requires Node.js and Yarn to be installed. ```bash yarn create next-app --example with-kea with-kea-app ``` -------------------------------- ### Bootstrap Next.js with Kea Example (npm) Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/with-kea/README.md This command uses npx to create a new Next.js application bootstrapped with the 'with-kea' example. It requires Node.js and npm to be installed. ```bash npx create-next-app --example with-kea with-kea-app ``` -------------------------------- ### Bootstrap Next.js App with Algolia Example Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/with-algolia-react-instantsearch/README.md Command-line instructions to bootstrap a new Next.js application using the 'with-algolia-react-instantsearch' example. This sets up the project with pre-configured Algolia integration. ```bash npx create-next-app --example with-algolia-react-instantsearch with-algolia-react-instantsearch-app ``` ```bash yarn create next-app --example with-algolia-react-instantsearch with-algolia-react-instantsearch-app ``` ```bash pnpm create next-app --example with-algolia-react-instantsearch with-algolia-react-instantsearch-app ``` ```bash bunx create-next-app --example with-algolia-react-instantsearch with-algolia-react-instantsearch-app ``` -------------------------------- ### Bootstrap Next.js App with Knex Example Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/with-knex/README.md Use create-next-app with the 'with-knex' example to quickly set up a Next.js project integrated with Knex.js. This command initializes a new Next.js application with the necessary configurations for using Knex. ```bash npx create-next-app --example with-knex with-knex-app ``` ```bash yarn create next-app --example with-knex with-knex-app ``` ```bash pnpm create next-app --example with-knex with-knex-app ``` -------------------------------- ### Bootstrap Next.js Example with npm Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/cms-webiny/README.md Command to create a new Next.js application using the cms-webiny example with npm. This sets up the project structure and installs necessary dependencies. ```bash npx create-next-app --example cms-webiny cms-webiny-app ``` -------------------------------- ### Bootstrap Next.js App with Meilisearch Example Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/with-meilisearch/README.md Commands to create a new Next.js application using the Meilisearch example. This requires Node.js and a package manager like npm, Yarn, pnpm, or Bun. The command clones the specified example repository and sets up a new project directory. ```bash npx create-next-app --example with-meilisearch with-meilisearch-app ``` ```bash yarn create next-app --example with-meilisearch with-meilisearch-app ``` ```bash pnpm create next-app --example with-meilisearch with-meilisearch-app ``` ```bash bunx create-next-app --example with-meilisearch with-meilisearch-app ``` -------------------------------- ### Create Next.js App with Sitecore XM Cloud Example Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/cms-sitecore-xmcloud/README.md Bootstrap a new Next.js project using the Sitecore XM Cloud example template. This command initializes the project with all necessary configurations for integrating with Sitecore XM Cloud. ```bash npx create-next-app --example cms-sitecore-xmcloud cms-sitecore-xmcloud-app ``` ```bash yarn create next-app --example cms-sitecore-xmcloud cms-sitecore-xmcloud-app ``` ```bash pnpm create next-app --example cms-sitecore-xmcloud cms-sitecore-xmcloud-app ``` -------------------------------- ### Run Local Development Server Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/cms-makeswift/README.md Starts the local development server for the Next.js application. This allows you to preview changes in real-time at http://localhost:3000. ```bash yarn dev # or npm run dev ``` -------------------------------- ### Create Next.js App with Vitest Example (npm) Source: https://github.com/sleeptok3n/next.js/blob/canary/docs/01-app/02-guides/testing/vitest.mdx Quickly set up a new Next.js project with Vitest integration using the provided example. This command utilizes npm as the package manager. ```bash npx create-next-app@latest --example with-vitest with-vitest-app ``` -------------------------------- ### Bootstrap Next.js with Jest Example Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/with-jest/README.md Instructions to bootstrap a new Next.js project with the Jest example using npm, Yarn, or pnpm. This command initializes the project structure and installs necessary dependencies. ```bash npx create-next-app --example with-jest with-jest-app ``` ```bash yarn create next-app --example with-jest with-jest-app ``` ```bash pnpm create next-app --example with-jest with-jest-app ``` -------------------------------- ### Bootstrap Next.js with Sitefinity CMS Example Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/cms-sitefinity/README.md Command-line instructions to create a new Next.js application pre-configured with the Sitefinity CMS example. This command uses npx, yarn, or pnpm to bootstrap the project. ```bash npx create-next-app --example cms-sitefinity cms-sitefinity-app ``` ```bash yarn create next-app --example cms-sitefinity cms-sitefinity-app ``` ```bash pnpm create next-app --example cms-sitefinity cms-sitefinity-app ``` -------------------------------- ### Bootstrap Radix UI Example with create-next-app (pnpm) Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/radix-ui/README.md This command uses pnpm to bootstrap a new Next.js application with the Radix UI example. It initializes the project and installs necessary dependencies. ```bash pnpm create next-app --example radix-ui radix-ui-app ``` -------------------------------- ### Bootstrap Radix UI Example with create-next-app (Yarn) Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/radix-ui/README.md This command uses Yarn to bootstrap a new Next.js application with the Radix UI example. It initializes the project and installs necessary dependencies. ```bash yarn create next-app --example radix-ui radix-ui-app ``` -------------------------------- ### Bootstrap Next.js App with HTTP2 Example Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/with-http2/README.md Instructions to create a new Next.js application pre-configured with the HTTP2 example. This command-line interface (CLI) tool automates the project setup process. ```bash npx create-next-app --example with-http2 with-http2-app ``` ```bash yarn create next-app --example with-http2 with-http2-app ``` ```bash pnpm create next-app --example with-http2 with-http2-app ``` -------------------------------- ### Install Next.js Dependencies with Package Managers Source: https://github.com/sleeptok3n/next.js/blob/canary/docs/01-app/01-getting-started/01-installation.mdx Installs the latest versions of next, react, and react-dom using different package managers. This is the initial step for setting up a new Next.js project manually. ```bash pnpm i next@latest react@latest react-dom@latest ``` ```bash npm i next@latest react@latest react-dom@latest ``` ```bash yarn add next@latest react@latest react-dom@latest ``` ```bash bun add next@latest react@latest react-dom@latest ``` -------------------------------- ### Start Development Server with Bun Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/prisma-postgres/README.md Command to start the Next.js development server using Bun. This command leverages the Bun runtime for running the development server. ```bash bun run dev ``` -------------------------------- ### Bootstrap Next.js App with Polyfills Example using pnpm Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/with-polyfills/README.md This command uses pnpm to create a new Next.js application bootstrapped with the 'with-polyfills' example. It installs the necessary dependencies and sets up the project structure. ```bash pnpm create next-app --example with-polyfills with-polyfills-app ``` -------------------------------- ### Start Next.js Development Server Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/with-knex/README.md Start the Next.js development server using npm, Yarn, or pnpm. This command builds and runs the application locally, allowing you to view and test the integration with Knex.js and the database. ```bash npm run dev # or yarn dev # or pnpm dev ``` -------------------------------- ### Bootstrap Next.js App with Polyfills Example using Yarn Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/with-polyfills/README.md This command uses Yarn to create a new Next.js application bootstrapped with the 'with-polyfills' example. It installs the necessary dependencies and sets up the project structure. ```bash yarn create next-app --example with-polyfills with-polyfills-app ``` -------------------------------- ### Seed Database Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/with-mysql/README.md Runs the database seed script to populate your database with initial data, such as 'Product' and 'Category' records. Ensure your seed script is correctly configured in schema.prisma. ```bash npx prisma db seed ``` -------------------------------- ### Bootstrap Next.js App with Dynamic Import Example (pnpm) Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/with-dynamic-import/README.md This command uses pnpm to create a new Next.js application bootstrapped with the dynamic import example. It requires Node.js and pnpm to be installed. ```bash pnpm create next-app --example with-dynamic-import with-dynamic-import-app ``` -------------------------------- ### Bootstrap Next.js App with Dynamic Import Example (Yarn) Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/with-dynamic-import/README.md This command uses Yarn to create a new Next.js application bootstrapped with the dynamic import example. It requires Node.js and Yarn to be installed. ```bash yarn create next-app --example with-dynamic-import with-dynamic-import-app ``` -------------------------------- ### Bootstrap Next.js Example with Nhost Source: https://github.com/sleeptok3n/next.js/blob/canary/examples/with-nhost-auth-realtime-graphql/README.md Command-line instructions to create a new Next.js application pre-configured with the Nhost auth and realtime GraphQL example. This requires having Node.js and a package manager (npm, Yarn, or pnpm) installed. ```bash npx create-next-app --example with-nhost-auth-realtime-graphql nhost-app ``` ```bash yarn create next-app --example with-nhost-auth-realtime-graphql nhost-app ``` ```bash pnpm create next-app --example with-nhost-auth-realtime-graphql nhost-app ```