Skip to content

Commit

Permalink
🐛 (content) fix content links avoiding a longer build
Browse files Browse the repository at this point in the history
  • Loading branch information
Tahul committed Jul 7, 2021
1 parent 115d75c commit a03dfff
Show file tree
Hide file tree
Showing 4 changed files with 9 additions and 9 deletions.
2 changes: 1 addition & 1 deletion docs/content/1.get-started/1.installation.md
Original file line number Diff line number Diff line change
Expand Up @@ -71,7 +71,7 @@ yarn dev

The development server will listen on [http://localhost:4000](http://localhost:4000)

Checkout the [Deployment](/feature/deployment) section when you are ready to publish your documentation.
Checkout the [Deployment](/features/deployment) section when you are ready to publish your documentation.

## Demo

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ _Let’s build a blazing fast articles and tutorials app using Nuxt and the DEV
<a href="https://github.com/bdrtsky/nuxt-dev-to-clone" target="_blank" rel="noopener nofollow">Source</a>
</p>

This article is intended to demonstrate use cases and awesomeness of new Nuxt `fetch` functionality [introduced in release v2.12](https://nuxtjs.org/docs/2.x/components-glossary/pages-fetch#nuxt-gt-2-12), and show you how to apply its power in your own projects. For in-depth technical analysis and details of the new `fetch` you can check [Krutie Patel’s article](/blog/understanding-how-fetch-works-in-nuxt-2-12).
This article is intended to demonstrate use cases and awesomeness of new Nuxt `fetch` functionality [introduced in release v2.12](https://nuxtjs.org/docs/2.x/components-glossary/pages-fetch#nuxt-gt-2-12), and show you how to apply its power in your own projects. For in-depth technical analysis and details of the new `fetch` you can check [Krutie Patel’s article](https://nuxtjs.org/blog/understanding-how-fetch-works-in-nuxt-2-12).

Here’s the high-level outline of how we will build our dev.to clone using `fetch` hook. We will:

Expand Down Expand Up @@ -307,7 +307,7 @@ async fetch() {

Here we are making a request to the DEV `/articles` endpoint, with query parameters that API understands. Don’t confuse the `fetch` hook with the JavaScript [fetch](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API) interface which simply helps us to send a request to the DEV API, and then parse the response with `res.json()`.

Also notice that the new `fetch` hook doesn’t serve just to dispatch Vuex store action or committing mutation to set state, now it has access to `this` context, and is able to mutate component’s data directly. This is a very important new feature, and you can [read more](/blog/understanding-how-fetch-works-in-nuxt-2-12) about it in the previous article about `fetch`.
Also notice that the new `fetch` hook doesn’t serve just to dispatch Vuex store action or committing mutation to set state, now it has access to `this` context, and is able to mutate component’s data directly. This is a very important new feature, and you can [read more](https://nuxtjs.org/blog/understanding-how-fetch-works-in-nuxt-2-12) about it in the previous article about `fetch`.

Now let’s markup the `<article-card-block>` component which receives `article` prop and renders its data nicely.

Expand Down Expand Up @@ -591,6 +591,6 @@ In this article we explored Nuxt.js new `fetch` and built an app with the basic
**What to do next:**
- Read [Krutie Patel article](/blog/understanding-how-fetch-works-in-nuxt-2-12) with in-depth analysis of how new `fetch` hook works
- Read [Krutie Patel article](https://nuxtjs.org/blog/understanding-how-fetch-works-in-nuxt-2-12) with in-depth analysis of how new `fetch` hook works
- Check [nuxt-hackernews](https://github.com/nuxt/hackernews) for similar usage of [Hacker News API](https://github.com/HackerNews/API)
- [Subscribe](#subscribe-to-newsletter) to the newsletter to not miss the upcoming articles and resources, I plan to write an article about how to create your personal blog using Nuxt, with DEV as the CMS.
8 changes: 4 additions & 4 deletions docs/content/5.templates/blog/creating-a-nuxt-module.md
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ Let's create a module that uses [ngrok](https://www.npmjs.com/package/ngrok) so
<source src="https://res.cloudinary.com/nuxt/video/upload/v1588091670/ngrok-blog_jqc1di.ogv" type="video/ogg">
</video>

This module has already been created and deployed and you can use it without creating it yourself by installing the [@nuxtjs/ngrok module](https://ngrok.nuxtjs.org). You can also jump straight into the code by checking out our [CodeSandbox Demo](/examples/modules-internal). However if you are interested in seeing how it was created or want to create your own module then continue reading.
This module has already been created and deployed and you can use it without creating it yourself by installing the [@nuxtjs/ngrok module](https://ngrok.nuxtjs.org). You can also jump straight into the code by checking out our [CodeSandbox Demo](https://nuxtjs.org/examples/modules-internal). However if you are interested in seeing how it was created or want to create your own module then continue reading.

- [How does it work?](#how-does-it-work)
- [Let's get started](#lets-get-started)
Expand All @@ -44,7 +44,7 @@ This module has already been created and deployed and you can use it without cre

ngrok will create a http-https-tcp tunnel. Check out the [ngrok npm package](https://www.npmjs.com/package/ngrok) for more details. We need to be able to connect to an ngrok port when the Nuxt server is listening. Once we get a public URL we want to print it to the Nuxt CLI so we can easily click it to open and share it.

![nuxt cli](/blog/creating-nuxt-module/nuxt-cli.png)
![nuxt cli](https://nuxtjs.org/blog/creating-nuxt-module/nuxt-cli.png)

## Let's get started

Expand Down Expand Up @@ -351,7 +351,7 @@ import chalk from 'chalk'

You will now see when running the dev command that we have our Public URL with the link underlined and in a yellow color. This can then be clicked and opened and of course shared with anyone, anywhere in the world so they can watch your changes in dev mode live.

![nuxt cli](/blog/creating-nuxt-module/nuxt-cli.png)
![nuxt cli](https://nuxtjs.org/blog/creating-nuxt-module/nuxt-cli.png)

## Closing our ngrok

Expand Down Expand Up @@ -420,7 +420,7 @@ As of today we are working on improving this template to make it more user frien

## Further exploration

Check our our [CodeSandbox example](/examples/modules-internal) for this module.
Check our our [CodeSandbox example](https://nuxtjs.org/examples/modules-internal) for this module.

Check out our published [ngrok module](https://ngrok.nuxtjs.org/).

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -172,7 +172,7 @@ To display our content we are using the `<nuxt-content />` component by passing

We can now run our dev server and go to the route [http://localhost:3000/blog/my-first-blog-post](http://localhost:3000/blog/my-first-blog-post) and we should see our content from our markdown file.

![content from markdown](/blog/creating-blog-with-nuxt-content/get-started-with-nuxt-content.png)
![content from markdown](https://nuxtjs.org/blog/creating-blog-with-nuxt-content/get-started-with-nuxt-content.png)

### Default Injected variables

Expand Down

0 comments on commit a03dfff

Please sign in to comment.