1605183120
Documentation with snippets and boiler plates, built with NuxtJS and nuxt/content. Markdown ❤️ for ever.
# setup .env
cp .env.example .env
# install dependencies
yarn
# serve with hot reload at localhost:3000
yarn dev
In SSR mode
Update .env
with current website URL like:
APP_URL='http://memorandum.website.dev'
# build for production
yarn build
Use a process manager like pm2 to start
NuxtJS app if you want SSR.
// example of ~/ecosystem.config.js for pm2
module.exports = {
apps : [
// ...
{
name: 'memorandum',
script: 'npm',
cwd: '/home/ubuntu/www/memorandum',
args: 'start',
env: {
PORT: 3001
},
},
// ...
]
}
Use .git/hooks/post-merge
like:
#!/bin/bash
yarn && yarn build
pm2 restart memorandum
Don’t forget the command sudo chmod 775 .git/hooks/post-merge
to allow system to execute this script.
To learn more, check NuxtJS documentation.
Author: ewilan-riviere
Demo: https://memorandum.ewilan-riviere.com/
Source Code: https://github.com/ewilan-riviere/memorandum
#vue #vuejs #javascript #nuxtjs #nuxt
1605183120
Documentation with snippets and boiler plates, built with NuxtJS and nuxt/content. Markdown ❤️ for ever.
# setup .env
cp .env.example .env
# install dependencies
yarn
# serve with hot reload at localhost:3000
yarn dev
In SSR mode
Update .env
with current website URL like:
APP_URL='http://memorandum.website.dev'
# build for production
yarn build
Use a process manager like pm2 to start
NuxtJS app if you want SSR.
// example of ~/ecosystem.config.js for pm2
module.exports = {
apps : [
// ...
{
name: 'memorandum',
script: 'npm',
cwd: '/home/ubuntu/www/memorandum',
args: 'start',
env: {
PORT: 3001
},
},
// ...
]
}
Use .git/hooks/post-merge
like:
#!/bin/bash
yarn && yarn build
pm2 restart memorandum
Don’t forget the command sudo chmod 775 .git/hooks/post-merge
to allow system to execute this script.
To learn more, check NuxtJS documentation.
Author: ewilan-riviere
Demo: https://memorandum.ewilan-riviere.com/
Source Code: https://github.com/ewilan-riviere/memorandum
#vue #vuejs #javascript #nuxtjs #nuxt
1620992479
In this digital world, online businesses aspire to catch the attention of users in a modern and smarter way. To achieve it, they need to traverse through new approaches. Here comes to spotlight is the user-generated content or UGC.
What is user-generated content?
“ It is the content by users for users.”
Generally, the UGC is the unbiased content created and published by the brand users, social media followers, fans, and influencers that highlight their experiences with the products or services. User-generated content has superseded other marketing trends and fallen into the advertising feeds of brands. Today, more than 86 percent of companies use user-generated content as part of their marketing strategy.
In this article, we have explained the ten best ideas to create wonderful user-generated content for your brand. Let’s start without any further ado.
Generally, social media platforms help the brand to generate content for your users. Any user content that promotes your brand on the social media platform is the user-generated content for your business. When users create and share content on social media, they get 28% higher engagement than a standard company post.
Furthermore, you can embed your social media feed on your website also. you can use the Social Stream Designer WordPress plugin that will integrate various social media feeds from different social media platforms like Facebook, Twitter, Instagram, and many more. With this plugin, you can create a responsive wall on your WordPress website or blog in a few minutes. In addition to this, the plugin also provides more than 40 customization options to make your social stream feeds more attractive.
In general, surveys can be used to figure out attitudes, reactions, to evaluate customer satisfaction, estimate their opinions about different problems. Another benefit of customer surveys is that collecting outcomes can be quick. Within a few minutes, you can design and load a customer feedback survey and send it to your customers for their response. From the customer survey data, you can find your strengths, weaknesses, and get the right way to improve them to gain more customers.
Additionally, it is the best way to convert your brand leads to valuable customers. The key to running a successful contest is to make sure that the reward is fair enough to motivate your participation. If the product is relevant to your participant, then chances are they were looking for it in the first place, and giving it to them for free just made you move forward ahead of your competitors. They will most likely purchase more if your product or service satisfies them.
Furthermore, running contests also improve the customer-brand relationship and allows more people to participate in it. It will drive a real result for your online business. If your WordPress website has Google Analytics, then track contest page visits, referral traffic, other website traffic, and many more.
The business reviews help your consumers to make a buying decision without any hurdle. While you may decide to remove all the negative reviews about your business, those are still valuable user-generated content that provides honest opinions from real users. Customer feedback can help you with what needs to be improved with your products or services. This thing is not only beneficial to the next customer but your business as a whole.
Reviews are powerful as the platform they are built upon. That is the reason it is important to gather reviews from third-party review websites like Google review, Facebook review, and many more, or direct reviews on a website. It is the most vital form of feedback that can help brands grow globally and motivate audience interactions.
However, you can also invite your customers to share their unique or successful testimonials. It is a great way to display your products while inspiring others to purchase from your website.
Moreover, Instagram videos create around 3x more comments rather than Instagram photo posts. Instagram videos generally include short videos posted by real customers on Instagram with the tag of a particular brand. Brands can repost the stories as user-generated content to engage more audiences and create valid promotions on social media.
Similarly, imagine you are browsing a YouTube channel, and you look at a brand being supported by some authentic customers through a small video. So, it will catch your attention. With the videos, they can tell you about the branded products, especially the unboxing videos displaying all the inside products and how well it works for them. That type of video is enough to create a sense of desire in the consumers.
#how to get more user generated content #importance of user generated content #user generated content #user generated content advantages #user generated content best practices #user generated content pros and cons
1590512499
Nuxt.js Content is a Git-based Headless CMS that allows you to fetch Markdown, JSON, YAML and CSV! in this video we look at how easy it is to setup. We also look at Nuxt auto-import components!
#nuxt #nuxt.js
1590918919
Nuxt.js Content is the latest and greatest improvement to Nuxtjs. In this tutorial we’ll look at how to create a blog using Nuxt.js content. We’ll also look at some nice features it has with code syntax highlighting #vuejs #nuxtjs #nuxtjscontent
#vuejs #nuxtjs #nuxtjscontent #nuxt
1599301740
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.
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.
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.
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