Rodney Vg

Rodney Vg

1574274716

How to setup a Sitemaps with the NuxtJs

Hey to everyone reading this! In this article, I’d like to investigate the different options of creating sitemaps in Nuxt using the sitemap module.

If you want to create a sitemap of all your routes and pages and add dynamic routes, request your back-end API, or even if you want to create multiple sitemaps with a sitemap index file, this module will provide you with everything you want.

Contents

  • Sitemap module options.
  • Simple single sitemap with routes.
  • Sitemap with requesting from API.
  • Sitemap for several indexes.
  • Sitemap for multi-lang websites.

Module Options

Here are all the options available:

nuxt-community/sitemap-module

  • route(array | function)
    You can manually add routes there to definitely put in the sitemap or use that property to request the routes from an API, so it can be dynamically generated from your DB.
import axios from 'axios';
//...
{
  routes: [
    'catalog/best-offers',
    'catalog/chairs'
  ],
  // or
  routes: () => {
    return axios.get(`my.own.api.com/getSitemapRoutes`);
  }
}

nuxt.config.js

Static routes property and function to get routes

  • path (string)
    This is a path to the sitemap. The default is /sitemap.xml for normal and /sitemapindex.xml if you use the sitemaps property.
  • hostname (string)
    If you define the hostname, it will be overridden for all the routes, regardless of the application domain. Module logic is that if the hostname is not defined, the application checks if the current request is HTTPS or not, and gets the current application domain. Then, the module builds a hostname based on that. If you use nuxt-i18n and your app has several domains, the module should clearly define the current application based on the requesting domain.
  • cacheTime (number)
    This is the caching TTL of the sitemap routes that you defined before.
  • exclude (string[])
    Here, you can either exclude some static routes for your Nuxt application:
// ...
{
  exlude: [
    'catalog/',
    'blog-*/',
    '*.html',
  ]
}

nuxt.config.js

Exclude with wildcard

Or, specifically for the sitemap index, when you don’t want to duplicate static routes for each sitemap, you can do this:

// **
{
  sitemaps: [
    {
      path: 'sitemap-normal.xml',
      exclude: [
        '/cabinet',
        '/cabinet/*',
        '/cabinet/recruiter/*',
        '/account-removed',
        '/search-by-cv',
      ],
    },
    {
      path: 'sitemap-popular.xml',
      routes: getPopularSitemap,
      exclude: ['/**'],
    },
    {
      path: 'sitemap-some-other.xml',
      routes: getSitemapSomeOtherLinks,
      exclude: ['/**'],
    },
  ]
}

nuxt.config.js

Exclude static routes

Simple Single Sitemap With Routes

So, usually if you have your own portfolio website or something like that, you want to generate a sitemap only with your static routes. Imagine that you have this structure for your website:

Pages:

  • Blog
  • Projects
  • Posts
  • Etc.
  • Index.vue

And in the end, you just want to put it in the sitemap. You might end up with something like this:

sitemap: {
    path: '/sitemap.xml',
    cacheTime: 1000 * 60 * 60 * 2,
    trailingSlash: true,
    gzip: true
},

nuxt.config.js

Simple sitemap configuration

Sitemap With Dynamic Routes

What do I mean by dynamic routes? Here is a route like /blog/_post.vue, when you have a page of an element or something else.

In that case, the module cannot generate those IDs on its own, of course, and that’s when the routes property comes in handy:

import axios from 'axios';
//...
sitemap: {
    path: '/sitemap.xml',
    cacheTime: 1000 * 60 * 60 * 2,
    trailingSlash: true,
    gzip: true,
    routes: () => {
      return axios.get(`my.own.api.com/getSitemapRoutes`);
    }
},
//or
import getRoutes from '../util.js'
//...
{
  routes: getRoutes
}

nuxt.config.js

Sitemap with dynamic routes

Several Indexes

Now, having some static routes and dynamic routes, maybe it makes sense to have separate sitemaps for those.

It becomes even more convenient when you have a lot of dynamic URLs and you want to separate them in different sitemaps. Here is my implementation of that:

import axios from 'axios';
//...
const getSitemapBlogsFn = sitemapIndex => () =>
    axios.get(`http://my.own.api/sitemap_routes?index=${sitemapIndex}`)
        .then(response => response && response.data)
        .then(offers =>
            offers.map(({ code }) => ({
                url: `http://myblog.org/blog/${code}`,
                changefreq: 'daily',
                priority: 1,
            })),
        );

const getSitemapsConfigurations = () =>
    range(30).map(index => ({
        path: `sitemap-${index}.xml`,
        routes: getSitemapBlogsFn(index),
        cacheTime: 1000 * 60 * 60 * 2,
        trailingSlash: true,
        exclude: ['/**'], //here we exclude all static routes
    }));
//...
{
sitemap: {
      path: '/sitemap.xml',
      sitemaps: 
      [
          {
              path: 'sitemap-routes.xml',
              cacheTime: 1000 * 60 * 60 * 2,
              trailingSlash: true,
          },
          ...getSitemapsConfigurations(),
      ],
    },
}

nuxt.config.js

Implementation of a function to create multiple sitemaps

Under the hood in the back end, based on the index parameter, you need to change the OFFSET requesting elements.

Sitemap for a Multi-Language Website

Here, the only detail to worry about is not to set the hostname so the domain will be taken from the request that will come to the Nuxt server.

Also, in case your domain hosting is via CNAME or Load balancer, then the request that will come to Nuxt will not be HTTPS, but simple HTTP.

In that case, you need to make sure that your x-forwarded-proto is set to HTTP in a request. Then, the module will recognize that the original request was HTTP and it will put an HTTPS link to the sitemap.

On clusterjobs.de we have that option, when we need to have a multi-index sitemap that is dynamic and responds to each language domain. And, in the end, that module comes quite handy. I started using it a year ago, only with the routes and static routes options and it grew a lot.

Hopefully, it was useful and it improves your Nuxt application or encourages you to use this incredible framework!

#nuxtjs #nuxt #vuejs #javascript

What is GEEK

Buddha Community

How to setup a Sitemaps  with the NuxtJs

Easy Way to Save Outlook Email as PDF: - www.office.com/setup

If the user wants to save the Outlook Email message as PDF, then you must read this post. For installing Outlook app, just visit to the site of MS Office via www.office.com/setup get the office free key download 2021.

Save Email As PDF on Windows 10:

You should open the Outlook on your Windows 10 operating system and then sign in to your account. After this, browse your email messages and then open the one which you wish to save as a file in PDF format. Then, you should go to the ‘File’ tab which is in the ‘upper-left’ side of the screen and then click on it. Now, you should expand its options and then click on the ‘Print’ option. Here under the ‘Printer’ section, click on the ‘Microsoft Print to PDF’. Next, click on the ‘Print’ option and then press on the tab ‘Save Print Output As’. After this, you should drop down the options and then select the ‘PDF’ as the format of the saved file. At last, click on ‘Save’ option and then just close the ‘Email Message’.

Save Outlook 2010 Email As PDF:

You should open Outlook 2010 on your computer system and then log into your email account. Now, you should go to the ‘Inbox’, and then find and open the ‘Email message’ which you wish to save as a PDF file. Then, go within the ‘Email message’ and then click on ‘Control’ and ‘A’ keys at the same time on your keyboard. It will select the entire Email message together. Now, click on the ‘Control’ and ‘C’ keys at the same time on your keyboard just to copy the body of the ‘Email Message’. Here on the other hand, you should open a ‘New MS Office Word document’ and then click on ‘Control’ and ‘V’ key altogether on your keyboard. It will paste the email Message into the MS Word document. You should go to the ‘File’ and then click on the ‘Save’ option. At this point, you should browse the ‘Location’ button and then select a folder where you wish to save the PDF file of the Outlook Email message. Then, click on the ‘File Name’ and then enter a ‘Name’ just to identify the PDF file of the Outlook Email Message. At this point, you should click on the ‘Save As Type’ and then click on the ‘PDF’ option. After this, tap on ‘Save’ button which is in the lower-right side of the ‘Save As’ window and then just end the process. www office com setup

visit here this link: If “Unfortunately Android Keyboard has Stopped Error”! How to Fix it?

Save Outlook Mail as PDF On Mac:

You should open your Macbook Air and then go to the ‘Applications’ Menu and then just find the Outlook web app. Now, you should open the Outlook and then access your account and search for the email message which you wish to save as a PDF by the ‘Name’ or ‘Subject’ of the email. After this, go to the ‘File’ tab and then click on it just to expand its options. Then, tap on the option of ‘Print’ and then click on the ‘PDF’ just to expand the menu options. Here, click on the option ‘Save as PDF’. At this point, enter the ‘The name for the PDF file’ and then go to the next tab. Now in the ‘Save As field’ go to the folder and then select anyone according to your choice where you want to save it. At last, you should click on the ‘Save’ button.

For more details about Outlook Application, just visit to the site of MS Office via office.com/setup get the office free key 2021.

read here also…

www.webroot.com/safe
www.avg.com/retail

#save outlook email as pdf #www.office.com/setup #ms office #office.com/setup #office com setup #www office com setup

Rodney Vg

Rodney Vg

1574274716

How to setup a Sitemaps with the NuxtJs

Hey to everyone reading this! In this article, I’d like to investigate the different options of creating sitemaps in Nuxt using the sitemap module.

If you want to create a sitemap of all your routes and pages and add dynamic routes, request your back-end API, or even if you want to create multiple sitemaps with a sitemap index file, this module will provide you with everything you want.

Contents

  • Sitemap module options.
  • Simple single sitemap with routes.
  • Sitemap with requesting from API.
  • Sitemap for several indexes.
  • Sitemap for multi-lang websites.

Module Options

Here are all the options available:

nuxt-community/sitemap-module

  • route(array | function)
    You can manually add routes there to definitely put in the sitemap or use that property to request the routes from an API, so it can be dynamically generated from your DB.
import axios from 'axios';
//...
{
  routes: [
    'catalog/best-offers',
    'catalog/chairs'
  ],
  // or
  routes: () => {
    return axios.get(`my.own.api.com/getSitemapRoutes`);
  }
}

nuxt.config.js

Static routes property and function to get routes

  • path (string)
    This is a path to the sitemap. The default is /sitemap.xml for normal and /sitemapindex.xml if you use the sitemaps property.
  • hostname (string)
    If you define the hostname, it will be overridden for all the routes, regardless of the application domain. Module logic is that if the hostname is not defined, the application checks if the current request is HTTPS or not, and gets the current application domain. Then, the module builds a hostname based on that. If you use nuxt-i18n and your app has several domains, the module should clearly define the current application based on the requesting domain.
  • cacheTime (number)
    This is the caching TTL of the sitemap routes that you defined before.
  • exclude (string[])
    Here, you can either exclude some static routes for your Nuxt application:
// ...
{
  exlude: [
    'catalog/',
    'blog-*/',
    '*.html',
  ]
}

nuxt.config.js

Exclude with wildcard

Or, specifically for the sitemap index, when you don’t want to duplicate static routes for each sitemap, you can do this:

// **
{
  sitemaps: [
    {
      path: 'sitemap-normal.xml',
      exclude: [
        '/cabinet',
        '/cabinet/*',
        '/cabinet/recruiter/*',
        '/account-removed',
        '/search-by-cv',
      ],
    },
    {
      path: 'sitemap-popular.xml',
      routes: getPopularSitemap,
      exclude: ['/**'],
    },
    {
      path: 'sitemap-some-other.xml',
      routes: getSitemapSomeOtherLinks,
      exclude: ['/**'],
    },
  ]
}

nuxt.config.js

Exclude static routes

Simple Single Sitemap With Routes

So, usually if you have your own portfolio website or something like that, you want to generate a sitemap only with your static routes. Imagine that you have this structure for your website:

Pages:

  • Blog
  • Projects
  • Posts
  • Etc.
  • Index.vue

And in the end, you just want to put it in the sitemap. You might end up with something like this:

sitemap: {
    path: '/sitemap.xml',
    cacheTime: 1000 * 60 * 60 * 2,
    trailingSlash: true,
    gzip: true
},

nuxt.config.js

Simple sitemap configuration

Sitemap With Dynamic Routes

What do I mean by dynamic routes? Here is a route like /blog/_post.vue, when you have a page of an element or something else.

In that case, the module cannot generate those IDs on its own, of course, and that’s when the routes property comes in handy:

import axios from 'axios';
//...
sitemap: {
    path: '/sitemap.xml',
    cacheTime: 1000 * 60 * 60 * 2,
    trailingSlash: true,
    gzip: true,
    routes: () => {
      return axios.get(`my.own.api.com/getSitemapRoutes`);
    }
},
//or
import getRoutes from '../util.js'
//...
{
  routes: getRoutes
}

nuxt.config.js

Sitemap with dynamic routes

Several Indexes

Now, having some static routes and dynamic routes, maybe it makes sense to have separate sitemaps for those.

It becomes even more convenient when you have a lot of dynamic URLs and you want to separate them in different sitemaps. Here is my implementation of that:

import axios from 'axios';
//...
const getSitemapBlogsFn = sitemapIndex => () =>
    axios.get(`http://my.own.api/sitemap_routes?index=${sitemapIndex}`)
        .then(response => response && response.data)
        .then(offers =>
            offers.map(({ code }) => ({
                url: `http://myblog.org/blog/${code}`,
                changefreq: 'daily',
                priority: 1,
            })),
        );

const getSitemapsConfigurations = () =>
    range(30).map(index => ({
        path: `sitemap-${index}.xml`,
        routes: getSitemapBlogsFn(index),
        cacheTime: 1000 * 60 * 60 * 2,
        trailingSlash: true,
        exclude: ['/**'], //here we exclude all static routes
    }));
//...
{
sitemap: {
      path: '/sitemap.xml',
      sitemaps: 
      [
          {
              path: 'sitemap-routes.xml',
              cacheTime: 1000 * 60 * 60 * 2,
              trailingSlash: true,
          },
          ...getSitemapsConfigurations(),
      ],
    },
}

nuxt.config.js

Implementation of a function to create multiple sitemaps

Under the hood in the back end, based on the index parameter, you need to change the OFFSET requesting elements.

Sitemap for a Multi-Language Website

Here, the only detail to worry about is not to set the hostname so the domain will be taken from the request that will come to the Nuxt server.

Also, in case your domain hosting is via CNAME or Load balancer, then the request that will come to Nuxt will not be HTTPS, but simple HTTP.

In that case, you need to make sure that your x-forwarded-proto is set to HTTP in a request. Then, the module will recognize that the original request was HTTP and it will put an HTTPS link to the sitemap.

On clusterjobs.de we have that option, when we need to have a multi-index sitemap that is dynamic and responds to each language domain. And, in the end, that module comes quite handy. I started using it a year ago, only with the routes and static routes options and it grew a lot.

Hopefully, it was useful and it improves your Nuxt application or encourages you to use this incredible framework!

#nuxtjs #nuxt #vuejs #javascript

Office.com/setup – Enter Product Key – www.office.com/setup

Office.com/setup – Microsoft Office is one of the best productivity suites. A few decades ago, it was launched with three premium apps: MS Excel, MS PowerPoint, and MS Word. With time, the number of Office suite apps has increased significantly with numerous advancements to its features and tools such as grammar checker, planner, spell checker, digital notebook, real-time collaboration, etc.

One can visit www.office.com/setup to download, install, and activate the Microsoft Office setup.

#office.com/setup #www.office.com/setup #office setup

Aaron Schmidt

Aaron Schmidt

1621969536

Office.com/setup | Office Aktivieren in Windows

Installieren Sie Ihr Office Program in WINDOWS von office.com/setup in folgenden Schritten:

Schritt 1 – Melden Sie sich an, um Office zu herunterladen

Gehen Sie zu office.com/setup und wählen Sie Anmelden, wenn Sie noch nicht angemeldet sind.

Melden Sie sich mit dem Konto an, das Sie dieser Office-Version zugeordnet haben. Dieses Konto kann ein MS-Konto oder ein Arbeits- oder Schulkonto sein.

Befolgen Sie nach der Anmeldung die Schritte, die dem Kontotyp entsprechen, mit dem Sie sich angemeldet haben.

Wählen Sie auf der Office-Startseite die Option Office installieren.

Wählen Sie Installieren (oder abhängig von Ihrer Version Office installieren>).

Damit beginnt der Download von Office. Befolgen Sie die Anweisungen auf Ihrem Bildschirm, um die Installation abzuschließen.

Schritt 2 – Office installieren

Klicken Sie je nach Browser auf Ausführen (in MS Edge oder Internet Explorer), Setup (in Chrome) oder Datei speichern (in Firefox).

Wenn die Eingabeaufforderung zur Benutzerkontensteuerung angezeigt wird, die besagt: Möchten Sie dieser App erlauben, Änderungen an Ihrem Gerät vorzunehmen? Klicken Sie auf Ja.

Ihre Installation ist abgeschlossen, wenn Sie den Satz “Sie sind fertig! Office ist jetzt installiert” sehen und eine Animation abgespielt wird, die Ihnen zeigt, wo Sie Office-Anwendungen auf Ihrem Computer finden.

Befolgen Sie beispielsweise die Anweisungen im Fenster. Klicken Sie auf Start> Alle Apps, um zu sehen, wo sich Ihre Apps befinden, und wählen Sie Schließen.

Schritt 3: Office aktivieren

Verwenden Sie sofort eine Office-Anwendung, indem Sie eine App wie Word oder Excel öffnen. In den meisten Fällen wird Office aktiviert, sobald Sie eine Anwendung starten und nachdem Sie auf Akzeptieren geklickt haben, um den Lizenzbedingungen zuzustimmen.

Office wird möglicherweise automatisch aktiviert.

Abhängig von Ihrem Produkt wird möglicherweise der MS Office-Aktivierungsassistent angezeigt. Befolgen Sie in diesem Fall die Anweisungen zum Aktivieren von Office.

Visit - office.com/setup und aktivieren Sie Ihr Office Setup

#office.com/setup #office setup #setup.office.com #www.office.com/setup

#officesetup #office.com/setup #www.office.com #setup.office.com

Generating Sitemap Entries For Nuxt Content

Whilst launching my new site (https://jackwhiting.co.uk) - I chose to use Nuxt Content for managing my blog posts, works, and any other content. Whilst generating the sitemap I noticed that any content created from @nuxt/content was not being added to my sitemap and needed a fix for that. In this article, we are going to look at how to solve this and get all of your entries listed.

Setup

Before we can do anything we need to make sure we have the [@nuxtjs/sitemap](https://www.npmjs.com/package/@nuxtjs/sitemap) module installed. Open up your project in the terminal and run the following.

yarn add @nuxtjs/sitemap

In your nuxt.config.js add the sitemap to your modules.

export default {
  modules: ['@nuxt/content', '@nuxtjs/sitemap']
}

This should always go after any other modules you’ve included to ensure all routes are caught.

Next, add some defaults for the sitemap configuration — add a hostname and set up an empty function which we will use later to fetch and return the paths of our content.

export default {
  sitemap: {
    hostname: process.env.BASE_URL || 'YOURSITEURL',
    routes: async () => {}
  }
}

For a full list of sitemap options, you can check out the readme.

Adding Your Routes

The way you have set up your content structure may be unique, you may use unique URLs, you may have multiple folders or only want to include one folder. Each of these may change how you need to define your routes, so I have included a few examples below which should let you get set up and run.

Adding Routes From One Directory

routes: async () => {
  const { $content } = require('@nuxt/content')

  const posts = await $content('posts')
    .only(['path'])
    .fetch()

  return posts.map((p) => p.path)
}

#nuxt #vue #nuxtjs #sitemap #javascript