From 7b6d05fb02ef852a9e554ef475a5658eb0e5db5a Mon Sep 17 00:00:00 2001 From: LunaDesignLTD Date: Mon, 9 Oct 2023 16:01:43 +0100 Subject: [PATCH 1/4] remove --- .DS_Store | Bin 0 -> 6148 bytes elements.md | 66 --------------------------------------- faq/faq.md | 12 ------- faq/index.md | 6 ---- getting-started.md | 6 ---- guides/building-forms.md | 10 ------ 6 files changed, 100 deletions(-) create mode 100644 .DS_Store delete mode 100644 elements.md delete mode 100644 faq/faq.md delete mode 100644 faq/index.md delete mode 100644 getting-started.md delete mode 100644 guides/building-forms.md diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..5008ddfcf53c02e82d7eee2e57c38e5672ef89f6 GIT binary patch literal 6148 zcmeH~Jr2S!425mzP>H1@V-^m;4Wg<&0T*E43hX&L&p$$qDprKhvt+--jT7}7np#A3 zem<@ulZcFPQ@L2!n>{z**++&mCkOWA81W14cNZlEfg7;MkzE(HCqgga^y>{tEnwC%0;vJ&^%eQ zLs35+`xjp>T0 Version 2 of Headless is only compatible with React 18. If you are still needing to use React 17 or later, please use version 1. - -| Command | Description | -| ------------------------------------------------------------------------------- | ---------------------------------------------- | -| Space Enter when `Menu button` , `Menu button` is focused | Opens menu and focuses first non-disabled item | -| Space Enter when `Menu button` is focused | Opens menu and focuses first non-disabled item | - -`Next.js` allows you to import CSS files from a JavaScript file. -This is possible because Next.js extends the concept of [`import`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import) beyond JavaScript. - -## Adding a Global Stylesheet - -To add a stylesheet to your application, import the CSS file within `pages/_app.js`. - -For example, consider the following stylesheet named `styles.css`: - -```css -body { - font-family: 'SF Pro Text', 'SF Pro Icons', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; - padding: 20px 20px 60px; - conditions-width: 680px; - margin: 0 auto; -} -``` - -Create a [`pages/_app.js` file](/docs/advanced-features/custom-app.md) if not already present. -Then, [`import`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import) the `styles.css` file. - -```jsx -import '../styles.css' - -// This default export is required in a new `pages/_app.js` file. -export default function MyApp({ Component, pageProps }) { - return -} -``` - -
- - - - -
Backend & CMSs
- A short guide on making your first deploy on Headless Wordpress in a couple of minutes. - - -
Backend & CMSs
- A short guide on making your first deploy on Headless Wordpress in a couple of minutes. - - - - - -
Backend & CMSs
- A short guide on making your first deploy on Headless Wordpress in a couple of minutes. - -
diff --git a/faq/faq.md b/faq/faq.md deleted file mode 100644 index ed83139..0000000 --- a/faq/faq.md +++ /dev/null @@ -1,12 +0,0 @@ ---- -title: FAQ -description: Get to know more about Next.js with the frequently asked questions. ---- - -# Frequently Asked Questions - -
- Is Next.js production ready? -

Yes! Next.js is used by many of the top websites in the world. See the - Showcase for more info.

-
diff --git a/faq/index.md b/faq/index.md deleted file mode 100644 index 6637081..0000000 --- a/faq/index.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -title: Built in CSS support -description: Get to know more about Next.js with the frequently asked questions. ---- - -# Faq index page diff --git a/getting-started.md b/getting-started.md deleted file mode 100644 index 37adc86..0000000 --- a/getting-started.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -title: Descriptio -description: Get started with Next.js in the official documentation, and learn more about all our features! ---- - -> Next.js 13 was recently released, [learn more](https://nextjs.org/blog/next-13) and see the [upgrade guide](https://nextjs.org/docs/upgrading#upgrading-from-12-to-13). Version 13 also introduces beta features like the [`app` directory](https://beta.nextjs.org/docs/app-directory-roadmap) that works alongside the `pages` directory (stable) for incremental adoption. You can continue using `pages` in Next.js 13, but if you want to try the new `app` features, [see the new beta docs](https://beta.nextjs.org/docs). diff --git a/guides/building-forms.md b/guides/building-forms.md deleted file mode 100644 index 821f200..0000000 --- a/guides/building-forms.md +++ /dev/null @@ -1,10 +0,0 @@ ---- -title: Building Forms with Next.js -description: Learn how to create forms with Next.js, from the form HTML element to advanced concepts with React. ---- - -# Building Forms with Next.js - -A web form has a **client-server** relationship. They are used to send data handled by a web server for processing and storage. The form itself is the client, and the server is any storage mechanism that can be used to store, retrieve and send data when needed. - -This guide will teach you how to create a web form with Next.js. From 770401fcf2e88041f9e57166c2c167357c5b543f Mon Sep 17 00:00:00 2001 From: LunaDesignLTD Date: Mon, 9 Oct 2023 19:20:30 +0100 Subject: [PATCH 2/4] Revert "remove" This reverts commit 7b6d05fb02ef852a9e554ef475a5658eb0e5db5a. --- .DS_Store | Bin 6148 -> 0 bytes elements.md | 66 +++++++++++++++++++++++++++++++++++++++ faq/faq.md | 12 +++++++ faq/index.md | 6 ++++ getting-started.md | 6 ++++ guides/building-forms.md | 10 ++++++ 6 files changed, 100 insertions(+) delete mode 100644 .DS_Store create mode 100644 elements.md create mode 100644 faq/faq.md create mode 100644 faq/index.md create mode 100644 getting-started.md create mode 100644 guides/building-forms.md diff --git a/.DS_Store b/.DS_Store deleted file mode 100644 index 5008ddfcf53c02e82d7eee2e57c38e5672ef89f6..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 6148 zcmeH~Jr2S!425mzP>H1@V-^m;4Wg<&0T*E43hX&L&p$$qDprKhvt+--jT7}7np#A3 zem<@ulZcFPQ@L2!n>{z**++&mCkOWA81W14cNZlEfg7;MkzE(HCqgga^y>{tEnwC%0;vJ&^%eQ zLs35+`xjp>T0 Version 2 of Headless is only compatible with React 18. If you are still needing to use React 17 or later, please use version 1. + +| Command | Description | +| ------------------------------------------------------------------------------- | ---------------------------------------------- | +| Space Enter when `Menu button` , `Menu button` is focused | Opens menu and focuses first non-disabled item | +| Space Enter when `Menu button` is focused | Opens menu and focuses first non-disabled item | + +`Next.js` allows you to import CSS files from a JavaScript file. +This is possible because Next.js extends the concept of [`import`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import) beyond JavaScript. + +## Adding a Global Stylesheet + +To add a stylesheet to your application, import the CSS file within `pages/_app.js`. + +For example, consider the following stylesheet named `styles.css`: + +```css +body { + font-family: 'SF Pro Text', 'SF Pro Icons', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; + padding: 20px 20px 60px; + conditions-width: 680px; + margin: 0 auto; +} +``` + +Create a [`pages/_app.js` file](/docs/advanced-features/custom-app.md) if not already present. +Then, [`import`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import) the `styles.css` file. + +```jsx +import '../styles.css' + +// This default export is required in a new `pages/_app.js` file. +export default function MyApp({ Component, pageProps }) { + return +} +``` + +
+ + + + +
Backend & CMSs
+ A short guide on making your first deploy on Headless Wordpress in a couple of minutes. + + +
Backend & CMSs
+ A short guide on making your first deploy on Headless Wordpress in a couple of minutes. + + + + + +
Backend & CMSs
+ A short guide on making your first deploy on Headless Wordpress in a couple of minutes. + +
diff --git a/faq/faq.md b/faq/faq.md new file mode 100644 index 0000000..ed83139 --- /dev/null +++ b/faq/faq.md @@ -0,0 +1,12 @@ +--- +title: FAQ +description: Get to know more about Next.js with the frequently asked questions. +--- + +# Frequently Asked Questions + +
+ Is Next.js production ready? +

Yes! Next.js is used by many of the top websites in the world. See the + Showcase for more info.

+
diff --git a/faq/index.md b/faq/index.md new file mode 100644 index 0000000..6637081 --- /dev/null +++ b/faq/index.md @@ -0,0 +1,6 @@ +--- +title: Built in CSS support +description: Get to know more about Next.js with the frequently asked questions. +--- + +# Faq index page diff --git a/getting-started.md b/getting-started.md new file mode 100644 index 0000000..37adc86 --- /dev/null +++ b/getting-started.md @@ -0,0 +1,6 @@ +--- +title: Descriptio +description: Get started with Next.js in the official documentation, and learn more about all our features! +--- + +> Next.js 13 was recently released, [learn more](https://nextjs.org/blog/next-13) and see the [upgrade guide](https://nextjs.org/docs/upgrading#upgrading-from-12-to-13). Version 13 also introduces beta features like the [`app` directory](https://beta.nextjs.org/docs/app-directory-roadmap) that works alongside the `pages` directory (stable) for incremental adoption. You can continue using `pages` in Next.js 13, but if you want to try the new `app` features, [see the new beta docs](https://beta.nextjs.org/docs). diff --git a/guides/building-forms.md b/guides/building-forms.md new file mode 100644 index 0000000..821f200 --- /dev/null +++ b/guides/building-forms.md @@ -0,0 +1,10 @@ +--- +title: Building Forms with Next.js +description: Learn how to create forms with Next.js, from the form HTML element to advanced concepts with React. +--- + +# Building Forms with Next.js + +A web form has a **client-server** relationship. They are used to send data handled by a web server for processing and storage. The form itself is the client, and the server is any storage mechanism that can be used to store, retrieve and send data when needed. + +This guide will teach you how to create a web form with Next.js. From 0dcb34ade54ff5cc33122e0e191642deca25e36d Mon Sep 17 00:00:00 2001 From: LunaDesignLTD Date: Tue, 10 Oct 2023 02:31:33 +0100 Subject: [PATCH 3/4] Create deploy.yml --- .github/workflows/deploy.yml | 24 ++++++++++++++++++++++++ 1 file changed, 24 insertions(+) create mode 100644 .github/workflows/deploy.yml diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml new file mode 100644 index 0000000..bf6ae64 --- /dev/null +++ b/.github/workflows/deploy.yml @@ -0,0 +1,24 @@ +name: Deploy docs.headless.com +on: + push: + branches: + - master + pull_request: + types: [opened, synchronize, reopened] +jobs: + deploy: + runs-on: ubuntu-latest + if: "!contains(github.event.head_commit.message, '[skip ci]')" + steps: + - name: Checkout + uses: actions/checkout@v2 + with: + repository: drewling/headless-frontend + token: ${{ secrets.GH_PAT }} + - name: Deploy to Vercel Action + uses: BetaHuhn/deploy-to-vercel-action@latest + with: + GITHUB_TOKEN: ${{ secrets.GH_PAT }} + VERCEL_TOKEN: ${{ secrets.VERCEL_TOKEN }} + VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }} + VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }} From 45ea85647fd1044f8b5e3f5fe31f6adef91a39ca Mon Sep 17 00:00:00 2001 From: LunaDesignLTD Date: Tue, 10 Oct 2023 02:33:05 +0100 Subject: [PATCH 4/4] Update deploy.yml --- .github/workflows/deploy.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml index 56147e3..f4aa95d 100644 --- a/.github/workflows/deploy.yml +++ b/.github/workflows/deploy.yml @@ -15,7 +15,7 @@ jobs: with: repository: drewling/headless-frontend token: ${{ secrets.GH_PAT }} - path: apps + path: apps/docs - name: Deploy to Vercel Action uses: BetaHuhn/deploy-to-vercel-action@latest with: