diff --git a/examples/with-semantic-ui/.gitignore b/examples/with-semantic-ui/.gitignore
deleted file mode 100644
index fd3dbb571a12a1..00000000000000
--- a/examples/with-semantic-ui/.gitignore
+++ /dev/null
@@ -1,36 +0,0 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-.yarn/install-state.gz
-
-# 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
diff --git a/examples/with-semantic-ui/README.md b/examples/with-semantic-ui/README.md
deleted file mode 100644
index 0e497d75c12538..00000000000000
--- a/examples/with-semantic-ui/README.md
+++ /dev/null
@@ -1,27 +0,0 @@
-# Semantic UI example
-
-This example shows how to use Next.js along with [Semantic UI React](https://react.semantic-ui.com) including handling of external styles and assets. This is intended to show the integration of this UI toolkit with the Framework.
-
-## Deploy your own
-
-Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example) or preview live with [StackBlitz](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-semantic-ui)
-
-[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/vercel/next.js/tree/canary/examples/with-semantic-ui&project-name=with-semantic-ui&repository-name=with-semantic-ui)
-
-## 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-semantic-ui with-semantic-ui-app
-```
-
-```bash
-yarn create next-app --example with-semantic-ui with-semantic-ui-app
-```
-
-```bash
-pnpm create next-app --example with-semantic-ui with-semantic-ui-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)).
diff --git a/examples/with-semantic-ui/package.json b/examples/with-semantic-ui/package.json
deleted file mode 100644
index fb44ec5b514f0d..00000000000000
--- a/examples/with-semantic-ui/package.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
-  "private": true,
-  "scripts": {
-    "dev": "next",
-    "build": "next build",
-    "start": "next start"
-  },
-  "dependencies": {
-    "next": "latest",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "semantic-ui-css": "^2.4.1",
-    "semantic-ui-react": "^2.0.4"
-  }
-}
diff --git a/examples/with-semantic-ui/pages/_app.js b/examples/with-semantic-ui/pages/_app.js
deleted file mode 100644
index 2d4bc6e54793be..00000000000000
--- a/examples/with-semantic-ui/pages/_app.js
+++ /dev/null
@@ -1,6 +0,0 @@
-import "semantic-ui-css/semantic.min.css";
-import "../styles/global.css";
-
-export default function MyApp({ Component, pageProps }) {
-  return <Component {...pageProps} />;
-}
diff --git a/examples/with-semantic-ui/pages/index.js b/examples/with-semantic-ui/pages/index.js
deleted file mode 100644
index 8f64430fc28318..00000000000000
--- a/examples/with-semantic-ui/pages/index.js
+++ /dev/null
@@ -1,47 +0,0 @@
-import Image from "next/image";
-import * as React from "react";
-import { Button, Header, Modal, Icon } from "semantic-ui-react";
-
-export default function Home() {
-  const [open, setOpen] = React.useState(false);
-
-  return (
-    <div className="centered">
-      <Icon size="massive" name="world" />
-      <div className="separator" />
-      <Modal
-        onClose={() => setOpen(false)}
-        onOpen={() => setOpen(true)}
-        open={open}
-        trigger={<Button>Show Modal</Button>}
-      >
-        <Modal.Header>Select a Photo</Modal.Header>
-        <Modal.Content image>
-          <span style={{ marginRight: 21 }}>
-            <Image src="/image.png" width={400} height={266} />
-          </span>
-          <Modal.Description>
-            <Header>Default Profile Image</Header>
-            <p>
-              We've found the following gravatar image associated with your
-              e-mail address.
-            </p>
-            <p>Is it okay to use this photo?</p>
-          </Modal.Description>
-        </Modal.Content>
-        <Modal.Actions>
-          <Button color="black" onClick={() => setOpen(false)}>
-            Nope
-          </Button>
-          <Button
-            content="Yep, that's me"
-            labelPosition="right"
-            icon="checkmark"
-            onClick={() => setOpen(false)}
-            positive
-          />
-        </Modal.Actions>
-      </Modal>
-    </div>
-  );
-}
diff --git a/examples/with-semantic-ui/public/image.png b/examples/with-semantic-ui/public/image.png
deleted file mode 100644
index 19de6c43840196..00000000000000
Binary files a/examples/with-semantic-ui/public/image.png and /dev/null differ
diff --git a/examples/with-semantic-ui/styles/global.css b/examples/with-semantic-ui/styles/global.css
deleted file mode 100644
index d0ee893694e302..00000000000000
--- a/examples/with-semantic-ui/styles/global.css
+++ /dev/null
@@ -1,37 +0,0 @@
-.centered {
-  display: flex;
-  flex-flow: column nowrap;
-  align-items: center;
-  justify-content: center;
-  height: 100vh;
-}
-
-.separator {
-  width: 100%;
-  height: 10px;
-}
-
-.border {
-  border: 1px solid black;
-  padding: 5px;
-}
-
-.wrapper {
-  display: flex;
-  flex-flow: column nowrap;
-  align-items: flex-start;
-}
-
-.row {
-  display: flex;
-  width: 100%;
-  margin: 5px 0 5px 0;
-}
-
-.row > p {
-  word-break: break-word;
-}
-
-.row > img {
-  margin-right: 15px;
-}