From 9e3286badb599a4ce26d6c4763b93d59d547bf47 Mon Sep 17 00:00:00 2001 From: Charlie Gerard Date: Tue, 22 Feb 2022 21:34:53 -0800 Subject: [PATCH 1/5] add some details to the README --- README.md | 30 ++++++++++++++++++------------ 1 file changed, 18 insertions(+), 12 deletions(-) diff --git a/README.md b/README.md index 27fddff..f2514bd 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,7 @@ # Nuxt Toolbox Template +This is a [NuxtJS](https://nuxtjs.org/) v2 project. It is a reference on how to integrate commonly used features within Netlify for Nuxt.js. + ## Build Setup ```bash @@ -23,7 +25,9 @@ Want to deploy immediately? Click this button [![Deploy to Netlify Button](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/netlify-templates/nuxt-toolbox) -To deploy using the Netlify cli: +(Clicking this button will create a new repo for you that looks exactly like this one, and sets that repo up immediately for deployment on Netlify) + +### To deploy using the [Netlify cli](https://cli.netlify.com/): ```bash npm install netlify-cli -g # to install the Netlify CLI tool globally @@ -80,9 +84,9 @@ Many bots scan through webpages and try to see what pages and forms they can get ```html ``` @@ -92,13 +96,9 @@ communicate that this is a field not meant to be filled in. For this to work we also need to add a `netlify-honeypot` attribute to the form element. ```html -
+
``` + [See it here in the template code.](https://github.com/netlify-templates/nuxt-toolbox/blob/abb24c52738d79bcd11ff8a1bc70e0d2d250e7f1/components/feedbackForm.vue#L3) ### Forms Resources @@ -110,8 +110,7 @@ For this to work we also need to add a `netlify-honeypot` attribute to the form ## Redirects -In the [`netlify.toml`](./netlify.toml) configuration file there is an example of how to implement redirects. Redirects can be used to do many things from redirecting Single Page Apps more predictably, redirecting based on country/language to leveraging On-Demand Builders for [Distributed Persistant Rendering](https://www.netlify.com/blog/2021/04/14/distributed-persistent-rendering-a-new-jamstack-approach-for-faster-builds/). - +In the [`netlify.toml`](./netlify.toml) configuration file there is an example of how to implement redirects. Redirects can be used to do many things from redirecting Single Page Apps more predictably, redirecting based on country/language to leveraging On-Demand Builders for [Distributed Persistant Rendering](https://www.netlify.com/blog/2021/04/14/distributed-persistent-rendering-a-new-jamstack-approach-for-faster-builds/). In the [`netlify.toml`](./netlify.toml) configuration file there is an example of how to implement redirects. Redirects can be used to do many things from redirecting Single Page Apps more predictably, redirecting based on country/language to leveraging On-Demand Builders for [Distributed Persistant Rendering](https://www.netlify.com/blog/2021/04/14/distributed-persistent-rendering-a-new-jamstack-approach-for-faster-builds/). @@ -159,3 +158,10 @@ There is quite a bit you can do with these functions, so here are some additiona - [What are Background Functions](https://www.netlify.com/blog/2021/01/07/what-are-background-functions/) - [Netlify Functions - Examples](https://functions.netlify.com/examples/) - [Using esbuild as your bundler for new ECMAScript Features](https://www.netlify.com/blog/2021/04/02/modern-faster-netlify-functions/) + +## I want moar! + +If you want to discover more Netlify features via this template, here's a couple of things you could try: + +- Add a Netlify plugin, either via [the UI](https://app.netlify.com/plugins) or [`netlify.toml`](https://docs.netlify.com/configure-builds/build-plugins/). For example, why not try the `A11y` plugin to run some accessibility testing on your site! +- [Create environment variables using the CLI](https://www.netlify.com/blog/2021/07/12/managing-environment-variables-from-your-terminal-with-netlify-cli/) to store secret tokens (e.g. API key), and use them in the Netlify function to fetch data from your favorite API. From ed732e044c7abf8c06abb0a52fe73ed28b524c2b Mon Sep 17 00:00:00 2001 From: Ben Hong Date: Wed, 23 Feb 2022 08:38:53 -0800 Subject: [PATCH 2/5] docs: add logo Co-authored-by: Tara Z. Manicsic --- README.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/README.md b/README.md index f2514bd..974dd40 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,7 @@ # Nuxt Toolbox Template +![netlify + nuxt logo](https://res.cloudinary.com/dzkoxrsdj/image/upload/v1645592629/CleanShot_2022-02-22_at_22.47.16_2x_ltqti0.png) + This is a [NuxtJS](https://nuxtjs.org/) v2 project. It is a reference on how to integrate commonly used features within Netlify for Nuxt.js. ## Build Setup From 0330083b92d53596d6a23adfc7c21e90b780edf4 Mon Sep 17 00:00:00 2001 From: Ben Hong Date: Wed, 23 Feb 2022 08:39:13 -0800 Subject: [PATCH 3/5] docs: improve clarity of setup instructions Co-authored-by: Prince Wilson --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 974dd40..1052801 100644 --- a/README.md +++ b/README.md @@ -30,7 +30,7 @@ Want to deploy immediately? Click this button (Clicking this button will create a new repo for you that looks exactly like this one, and sets that repo up immediately for deployment on Netlify) ### To deploy using the [Netlify cli](https://cli.netlify.com/): - +Click the 'Use the Template' button at the top of this repo. Then install the Netlify CLI tool and run `netlify init`. Or straight from the Netlify CLI, use the `netlify sites:create-template` command in you terminal ([learn more about this command here](https://www.netlify.com/blog/create-a-site-from-a-template-using-the-netlify-cli)) to do the entire flow for you. ```bash npm install netlify-cli -g # to install the Netlify CLI tool globally netlify init # initialize a new Netlify project & deploy From 9429a3c1dfd2dde549009132c1975050e3b0116d Mon Sep 17 00:00:00 2001 From: Ben Hong Date: Wed, 23 Feb 2022 08:39:34 -0800 Subject: [PATCH 4/5] docs: update setup instructions Co-authored-by: Tara Z. Manicsic --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 1052801..8d535c3 100644 --- a/README.md +++ b/README.md @@ -32,6 +32,7 @@ Want to deploy immediately? Click this button ### To deploy using the [Netlify cli](https://cli.netlify.com/): Click the 'Use the Template' button at the top of this repo. Then install the Netlify CLI tool and run `netlify init`. Or straight from the Netlify CLI, use the `netlify sites:create-template` command in you terminal ([learn more about this command here](https://www.netlify.com/blog/create-a-site-from-a-template-using-the-netlify-cli)) to do the entire flow for you. ```bash +git clone https://github.com/netlify-templates/nuxt-toolbox npm install netlify-cli -g # to install the Netlify CLI tool globally netlify init # initialize a new Netlify project & deploy ``` From 04b42bb605fe987ae91a59dd0e7ba7defc6e20ba Mon Sep 17 00:00:00 2001 From: Ben Hong Date: Wed, 23 Feb 2022 08:39:57 -0800 Subject: [PATCH 5/5] fix: update page route name Co-authored-by: Tara Z. Manicsic --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 8d535c3..6b5d33f 100644 --- a/README.md +++ b/README.md @@ -99,7 +99,7 @@ communicate that this is a field not meant to be filled in. For this to work we also need to add a `netlify-honeypot` attribute to the form element. ```html -
+
``` [See it here in the template code.](https://github.com/netlify-templates/nuxt-toolbox/blob/abb24c52738d79bcd11ff8a1bc70e0d2d250e7f1/components/feedbackForm.vue#L3)