rayan/next.js
1
0
Fork 0
Code Issues Pull Requests Actions 12 Packages Projects Releases Wiki Activity

first commit
Some checks failed
Test examples / Test Examples (20) (push) Has been cancelled
Details
Test examples / Test Examples (22) (push) Has been cancelled
Details
Lock Threads / action (push) Has been cancelled
Details
Trigger Release / start (push) Has been cancelled
Details
Stale issue handler / stale (push) Has been cancelled
Details
Update Font Data / create-pull-request (push) Has been cancelled
Details
build-and-deploy / deploy-target (push) Has been cancelled
Details
build-and-deploy / build (push) Has been cancelled
Details
build-and-deploy / stable - aarch64-unknown-linux-musl - node@16 (push) Has been cancelled
Details
build-and-deploy / stable - x86_64-unknown-linux-musl - node@16 (push) Has been cancelled
Details
build-and-deploy / stable - aarch64-unknown-linux-gnu - node@16 (push) Has been cancelled
Details
build-and-deploy / stable - x86_64-unknown-linux-gnu - node@16 (push) Has been cancelled
Details
build-and-deploy / stable - aarch64-pc-windows-msvc - node@16 (push) Has been cancelled
Details
build-and-deploy / stable - x86_64-pc-windows-msvc - node@16 (push) Has been cancelled
Details
build-and-deploy / stable - aarch64-apple-darwin - node@16 (push) Has been cancelled
Details
build-and-deploy / stable - x86_64-apple-darwin - node@16 (push) Has been cancelled
Details
build-and-deploy / build-wasm (nodejs) (push) Has been cancelled
Details
build-and-deploy / build-wasm (web) (push) Has been cancelled
Details
build-and-deploy / Deploy preview tarball (push) Has been cancelled
Details
build-and-deploy / Potentially publish release (push) Has been cancelled
Details
build-and-deploy / publish-turbopack-npm-packages (push) Has been cancelled
Details
build-and-deploy / Deploy examples (push) Has been cancelled
Details
build-and-deploy / thank you, build (push) Has been cancelled
Details
build-and-deploy / Upload Turbopack Bytesize metrics to Datadog (push) Has been cancelled
Details
Rspack Next.js development integration tests / Rspack integration tests (push) Has been cancelled
Details
Rspack Next.js production integration tests / Rspack integration tests (push) Has been cancelled
Details
Turbopack Next.js development integration tests / Next.js integration tests (push) Has been cancelled
Details
Turbopack Next.js production integration tests / Next.js integration tests (push) Has been cancelled
Details
Update Rspack test manifest / Update and upload Rspack development test manifest (push) Has been cancelled
Details
Update Rspack test manifest / Update and upload Rspack production test manifest (push) Has been cancelled
Details
Upload bundler test manifests to areweturboyet.com / Upload test results (push) Has been cancelled
Details
Update React / create-pull-request (push) Has been cancelled
Details
test-e2e-project-reset-cron / reset-test-project (push) Has been cancelled
Details
Notify about the top 15 issues/PRs/feature requests (most reacted) in the last 90 days / run (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Arian Tron
2026-03-10 19:37:31 +03:30
commit 61f56f997c
27684 changed files with 2784175 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
examples/with-react-bootstrap/.gitignore vendored Normal file
View File

@@ -0,0 +1,40 @@
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
# dependencies
/node_modules
/.pnp
.pnp.*
.yarn/*
!.yarn/patches
!.yarn/plugins
!.yarn/releases
!.yarn/versions
# testing
/coverage
# next.js
/.next/
/out/
# production
/build
# misc
.DS_Store
*.pem
# debug
npm-debug.log*
yarn-debug.log*
yarn-error.log*
# local env files
.env*.local
# vercel
.vercel
# typescript
*.tsbuildinfo
next-env.d.ts

25
examples/with-react-bootstrap/README.md Normal file
View File

@@ -0,0 +1,25 @@
# Next.js with react-bootstrap example
This example shows how to use Next.js along with [react-bootstrap](https://react-bootstrap.github.io/).
## Deploy your own
[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/vercel/next.js/tree/canary/examples/with-react-bootstrap&project-name=with-react-bootstrap&repository-name=with-react-bootstrap)
## How to use
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init), [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/), or [pnpm](https://pnpm.io) to bootstrap the example:
```bash
npx create-next-app --example with-react-bootstrap with-react-bootstrap-app
```
```bash
yarn create next-app --example with-react-bootstrap with-react-bootstrap-app
```
```bash
pnpm create next-app --example with-react-bootstrap with-react-bootstrap-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

15
examples/with-react-bootstrap/package.json Normal file
View File

@@ -0,0 +1,15 @@
{
"private": true,
"scripts": {
"dev": "next dev",
"build": "next build",
"start": "next start"
},
"dependencies": {
"bootstrap": "^4.4.1",
"next": "latest",
"react": "^18.2.0",
"react-bootstrap": "^1.0.1",
"react-dom": "^18.2.0"
}
}

6
examples/with-react-bootstrap/pages/_app.jsx Normal file
View File

@@ -0,0 +1,6 @@
import "bootstrap/dist/css/bootstrap.min.css";
import "../style/index.css";
export default function MyApp({ Component, pageProps }) {
return <Component {...pageProps} />;
}

89
examples/with-react-bootstrap/pages/index.jsx Normal file
View File

@@ -0,0 +1,89 @@
import Head from "next/head";
import { Container, Row, Card, Button } from "react-bootstrap";
export default function Home() {
return (
<Container className="md-container">
<Head>
<title>ReactJS with react-bootstrap</title>
<link rel="icon" href="/favicon-32x32.png" />
</Head>
<Container>
<h1>
Welcome to <a href="https://nextjs.org">Next.js!</a>
</h1>
<p>
Get started by editing <code>pages/index.js</code>
</p>
<Container>
<Row className="justify-content-md-between">
<Card className="sml-card">
<Card.Body>
<Card.Title>Documentation</Card.Title>
<Card.Text>
Find in-depth information about Next.js features and API.
</Card.Text>
<Button variant="primary" href="https://nextjs.org/docs">
More &rarr;
</Button>
</Card.Body>
</Card>
<Card className="sml-card">
<Card.Body>
<Card.Title>Learn</Card.Title>
<Card.Text>
Learn about Next.js in an interactive course with quizzes!
</Card.Text>
<Button variant="primary" href="https://nextjs.org/learn">
More &rarr;
</Button>
</Card.Body>
</Card>
</Row>
<Row className="justify-content-md-between">
<Card className="sml-card">
<Card.Body>
<Card.Title>Examples</Card.Title>
<Card.Text>
Discover and deploy boilerplate example Next.js projects.
</Card.Text>
<Button
variant="primary"
href="https://github.com/vercel/next.js/tree/canary/examples"
>
More &rarr;
</Button>
</Card.Body>
</Card>
<Card className="sml-card">
<Card.Body>
<Card.Title>Deploy</Card.Title>
<Card.Text>
Instantly deploy your Next.js site to a public URL with
Vercel.
</Card.Text>
<Button
variant="primary"
href="https://vercel.com/new?utm_source=github&utm_medium=example&utm_campaign=next-example"
>
More &rarr;
</Button>
</Card.Body>
</Card>
</Row>
</Container>
</Container>
<footer className="cntr-footer">
<a
href="https://vercel.com?filter=next.js&utm_source=github&utm_medium=example&utm_campaign=next-example"
target="_blank"
rel="noopener noreferrer"
>
Powered by{" "}
<img src="/vercel.svg" alt="Vercel Logo" className="sml-logo" />
</a>
</footer>
</Container>
);
}

BIN
examples/with-react-bootstrap/public/favicon-32x32.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 880 B

BIN
examples/with-react-bootstrap/public/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

4
examples/with-react-bootstrap/public/vercel.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg width="283" height="64" viewBox="0 0 283 64" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M141.04 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.46 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM248.72 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.45 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM200.24 34c0 6 3.92 10 10 10 4.12 0 7.21-1.87 8.8-4.92l7.68 4.43c-3.18 5.3-9.14 8.49-16.48 8.49-11.05 0-19-7.2-19-18s7.96-18 19-18c7.34 0 13.29 3.19 16.48 8.49l-7.68 4.43c-1.59-3.05-4.68-4.92-8.8-4.92-6.07 0-10 4-10 10zm82.48-29v46h-9V5h9zM36.95 0L73.9 64H0L36.95 0zm92.38 5l-27.71 48L73.91 5H84.3l17.32 30 17.32-30h10.39zm58.91 12v9.69c-1-.29-2.06-.49-3.2-.49-5.81 0-10 4-10 10V51h-9V17h9v9.2c0-5.08 5.91-9.2 13.2-9.2z" fill="#000"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

23
examples/with-react-bootstrap/style/index.css Normal file
View File

@@ -0,0 +1,23 @@
.md-container {
max-width: 800px;
padding-top: 2rem;
}
.sml-card {
width: 22rem;
margin: 1rem 0;
}
.cntr-footer {
height: 80px;
margin-top: 20px;
display: flex;
align-items: center;
justify-content: center;
border-top: 1px solid #ccc;
}
.sml-logo {
height: 1em;
margin-left: 10px;
}