{"id":8630,"date":"2022-11-04T15:10:17","date_gmt":"2022-11-04T08:40:17","guid":{"rendered":"https:\/\/spiceworksmyanmar.com\/blog\/?p=8630"},"modified":"2022-11-04T15:10:17","modified_gmt":"2022-11-04T08:40:17","slug":"nuxt-content","status":"publish","type":"post","link":"https:\/\/www.spiceworksmyanmar.com\/blog\/nuxt-content\/","title":{"rendered":"Nuxt Content"},"content":{"rendered":"

\u1019\u1002\u1064\u101c\u102c\u1015\u102b\u104b<\/p>\n

\u1000\u103c\u107d\u1014\u1039\u1031\u1010\u102c\u1039\u1000\u1031\u1010\u102c\u1037 Spiceworks Myanmar \u1019\u103d\u102c Backend Developer \u1021\u1031\u1014\u1014\u1032\u1094 \u1010\u102c\u101d\u1014\u1039\u101a\u1030\u101c\u102f\u1015\u1039\u1000\u102d\u102f\u1004\u1039\u1031\u1014\u1010\u1032\u1037 \u101e\u102f\u1010\u101a\u102c\u1019\u102d\u102f\u1038 \u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b \u1012\u102e\u1010\u1005\u1039\u1031\u1001\u102b\u1000\u1039\u1019\u103d\u102c\u1031\u1010\u102c\u1037 Nuxt.js \u101b\u1032\u1095 plugin \u1010\u1005\u1039\u1001\u102f\u103b\u1016\u1005\u1039\u1010\u1032\u1037 Nuxt Content \u1021\u1031\u107e\u1000\u102c\u1004\u1039\u1038\u1000\u102d\u102f \u1031\u101d\u1019\u103d\u103a\u1031\u1015\u1038\u101e\u103c\u102c\u1038\u1001\u103a\u1004\u1039\u1015\u102b\u1010\u101a\u1039 \u1001\u1004\u1039\u1017\u103a\u104b<\/p>\n

What is Nuxt Content?<\/strong>
\nNuxt Content \u1000\u1031\u1010\u102c\u1037 .md, .yml, .csv, .json \u1021\u1005\u101b\u103d\u102d\u1010\u1032\u1037 local \u1016\u102d\u102f\u1004\u1039\u1019\u103a\u102c\u1038\u1000\u102d\u102f \u1021\u101e\u102f\u1036\u1038\u103b\u1015\u1033\u107f\u1015\u102e\u1038 database \u1019\u101c\u102d\u102f\u1021\u1015\u1039\u1015\u1032 \u1019\u102d\u1019\u102d\u101c\u102d\u102f\u1001\u103a\u1004\u1039\u1010\u1032\u1037 blog content \u1019\u103a\u102c\u1038\u1000\u102d\u102f \u103b\u1015\u1033\u101c\u102f\u1015\u1039\u1014\u102d\u1004\u1039\u1031\u1005\u1010\u1032\u1037 file-based CMS \u1010\u1005\u1039\u1001\u102f \u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b File \u1021\u1010\u103c\u1004\u1039\u1038 \u1019\u102d\u1019\u102d\u101c\u102d\u102f\u1001\u103a\u1004\u1039\u1031\u101e\u102c \u1031\u1014\u101b\u102c\u1010\u103c\u1004\u1039 Vue Component \u1019\u103a\u102c\u1038\u1000\u102d\u102f \u1021\u101e\u102f\u1036\u1038\u103b\u1015\u1033\u108f\u102d\u102f\u1004\u1039\u103b\u1001\u1004\u1039\u1038\u104a \u1019\u102d\u1019\u102d\u101c\u102d\u102f\u1001\u103a\u1004\u1039\u1031\u101e\u102c blog content \u1019\u103a\u102c\u1038\u1000\u102d\u102f query \u1019\u103d \u1010\u1005\u1039\u1006\u1004\u1039\u1037 \u1021\u101c\u103c\u101a\u1039\u1010\u1000\u1030 \u1031\u1001\u105a\u101a\u1030\u1021\u101e\u102f\u1036\u1038\u103b\u1015\u1033\u108f\u102d\u102f\u1004\u1039\u103b\u1001\u1004\u1039\u1038\u104a document \u1010\u1005\u1039\u1001\u102f\u1005\u102e\u1010\u102d\u102f\u1004\u1039\u1038\u1019\u103d\u102c REST API \u1000 built-in \u1015\u102b\u101d\u1004\u1039\u1031\u1014\u103b\u1001\u1004\u1039\u1038 \u1021\u1005\u101b\u103d\u102d\u1010\u102c\u1031\u1010\u103c\u1000\u1031\u1010\u102c\u1037 Nuxt Content \u1000 support \u101c\u102f\u1015\u1039\u1031\u1015\u1038\u1010\u1032\u1037 \u1014\u100a\u1039\u1038\u1015\u100a\u102c\u1019\u103a\u102c\u1038 \u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b<\/p>\n

How to Install Nuxt Content?<\/strong>
\nInstall \u101c\u102f\u1015\u1039\u1019\u100a\u1039\u1006\u102d\u102f\u1015\u102b\u1000<\/p>\n

npx nuxi init content-app -t content\r\nnpm install or yarn install\r\nnpm run dev or yarn dev<\/pre>\n
\u1000\u102d\u102f \u1021\u101e\u102f\u1036\u1038\u103b\u1015\u1033\u104d install \u103b\u1015\u1033\u101c\u102f\u1015\u1039\u108f\u102d\u102f\u1004\u1039\u1015\u102b\u1010\u101a\u1039\u104b Install \u103b\u1015\u1033\u101c\u102f\u1015\u1039\u107f\u1015\u102e\u1038\u1015\u102b\u1000 Fig.(1) \u1000\u1032\u1037\u101e\u102d\u102f\u1094 folder structure \u101b\u101b\u103d\u102d\u1019\u103d\u102c\u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b\u00a0Nuxt Content \u1019\u103d\u102c \u1021\u1013\u102d\u1000 \u1021\u101e\u102f\u1036\u1038\u103b\u1015\u1033\u1019\u101a\u1039\u1037 directory \u1031\u1010\u103c\u1000\u1031\u1010\u102c\u1037 pages, content, public \u1014\u1032\u1094 components directory \u1010\u102d\u102f\u1094\u1015\u1032\u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b<\/p>\n
\"\"
Fig.(1) Folder Structure<\/figcaption><\/figure>\n
pages directory<\/strong> \u1019\u103d\u102c\u1000\u1031\u1010\u102c\u1037 application views \u1014\u1032\u1094 routes \u1010\u102d\u102f\u1094\u1015\u102b\u101d\u1004\u1039\u1019\u103d\u102c\u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b pages directory file \u1010\u1005\u1039\u1001\u102f create \u101c\u102f\u1015\u1039\u1090\u102f\u1036\u1014\u1032\u1094\u1094 nuxt.js \u1000 router configuration \u1000\u102d\u102f \u1021\u101c\u102d\u102f\u101c\u102d\u102f generate \u101c\u102f\u1015\u1039\u1031\u1015\u1038\u1019\u103d\u102c\u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b \u201cnpm run dev\u201d \u1000\u102d\u102f run \u101c\u102d\u102f\u1000\u1039\u1015\u102b\u1000 \u201chttp:\/\/localhost:3000\u201d \u1006\u102d\u102f\u1010\u1032\u1037 url \u1000\u102d\u102f\u101b\u101b\u103d\u102d\u1019\u103d\u102c\u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b \u1010\u1005\u1039\u101e\u1010\u1039\u1019\u103d\u1010\u1039\u1010\u100a\u1039\u1038\u101b\u103d\u102d\u1031\u1014\u1019\u101a\u1037\u1039 route \u1019\u103a\u102c\u1038 (static routes) \u1000\u102d\u102f create \u101c\u102f\u1015\u1039\u1001\u103a\u1004\u1039\u101b\u1004\u1039 pages\/about.vue, pages\/contact.vue \u1005\u101e\u103b\u1016\u1004\u1037\u1039 create \u103b\u1015\u1033\u101c\u102f\u1015\u1039\u108f\u102d\u102f\u1004\u1039\u1015\u102b\u1010\u101a\u1039\u104b \u1011\u102d\u102f\u1021\u1001\u102b \u201chttp:\/\/localhost:3000\/about\u201d, \u201dhttp:\/\/localhost:3000\/contact” \u101f\u1030\u104d static routes \u1019\u103a\u102c\u1038\u1000\u102d\u102f auto-generate \u101c\u102f\u1015\u1039\u1031\u1015\u1038\u101e\u103c\u102c\u1038\u1019\u103d\u102c\u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b http:\/\/localhost:3000\/1, http:\/\/localhost:3000\/2 \u1021\u1005\u101b\u103d\u102d\u1010\u1032\u1037 \u1031\u103b\u1015\u102c\u1004\u1039\u1038\u101c\u1032\u1019\u1088\u101b\u103d\u102d\u108f\u102d\u102f\u1004\u1039\u1010\u1032\u1037 route \u1019\u103a\u102c\u1038 (dynamic routes) \u1000\u102d\u102f create \u101c\u102f\u1015\u1039\u1001\u103a\u1004\u1039\u101b\u1004\u1039\u1031\u1010\u102c\u1037 pages\/[id].vue, pages\/[slug].vue \u1005\u101e\u103b\u1016\u1004\u1037\u1039 create \u103b\u1015\u1033\u101c\u102f\u1015\u1039\u108f\u102d\u102f\u1004\u1039\u1015\u102b\u1010\u101a\u1039\u104b<\/p>\n
content directory<\/strong> \u1019\u103d\u102c\u1000\u1031\u1010\u102c\u1037 \u1019\u102d\u1019\u102d\u1031\u101b\u1038\u1001\u103a\u1004\u1039\u1010\u1032\u1037 blog content \u1031\u1010\u103c\u1000\u102d\u102f markdown, json, yml, csv \u1021\u1005\u101b\u103d\u102d\u1010\u1032\u1037 file type \u1021\u1019\u103a\u102d\u1033\u1038\u1019\u103a\u102d\u1033\u1038\u1000\u102d\u102f \u1021\u101e\u102f\u1036\u1038\u103b\u1015\u1033\u1000\u102c create \u101c\u102f\u1015\u1039\u108f\u102d\u102f\u1004\u1039\u1019\u101a\u1037\u1039 directory \u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b<\/p>\n
\"\"
Fig.(2) Folder Structure<\/figcaption><\/figure>\n
Image \u1019\u103a\u102c\u1038\u1000\u102d\u102f\u101e\u102d\u1019\u1039\u1038\u1016\u102d\u102f\u1094\u1021\u1010\u103c\u1000\u1039 public\/img\/ directory<\/strong> \u1000\u102d\u102f create \u101c\u102f\u1015\u1039\u1031\u1015\u1038\u101b\u1019\u103d\u102c\u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b public directory \u1000 built-in \u1019\u1015\u102b\u101d\u1004\u1039\u1010\u1032\u1037\u1021\u1010\u103c\u1000\u1039 \u1000\u102d\u102f\u101a\u1039\u1010\u102d\u102f\u1004\u1039 create \u101c\u102f\u1015\u1039\u1031\u1015\u1038\u101b\u1014\u1039 \u101c\u102d\u102f\u1021\u1015\u1039\u1015\u102b\u1010\u101a\u1039\u104b<\/p>\n
components directory<\/strong> \u1019\u103d\u102c\u1031\u1010\u102c\u1037 blog content \u1031\u101b\u1038\u1019\u101a\u1039\u1037 file \u1031\u1010\u103c\u1011\u1032\u1019\u103d\u102c \u1019\u102d\u1019\u102d\u1021\u101e\u102f\u1036\u1038\u103b\u1015\u1033\u1001\u103a\u1004\u1039\u1010\u1032\u1037 \u1025\u1015\u1019\u102c alert.vue, tooltip.vue \u1021\u1005\u101b\u103d\u102d\u1010\u1032\u1037 vue components \u1031\u1010\u103c\u1000\u102d\u102f \u1011\u102c\u1038\u101b\u103d\u102d\u101b\u1019\u101a\u1039\u1037 directory \u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b components directory \u1000\u101c\u100a\u1039\u1038 built-in \u1019\u1015\u102b\u101d\u1004\u1039\u1010\u1032\u1037\u1021\u1010\u103c\u1000\u1039 \u1000\u102d\u102f\u101a\u1039\u1010\u102d\u102f\u1004\u1039 create \u101c\u102f\u1015\u1039\u1031\u1015\u1038\u101b\u1014\u1039 \u101c\u102d\u102f\u1021\u1015\u1039\u1015\u102b\u1010\u101a\u1039\u104b vue components \u1031\u1010\u103c\u1000\u102d\u102f components\/content\/ directory \u1031\u1021\u102c\u1000\u1039\u1019\u103d\u102c create \u101c\u102f\u1015\u1039\u1031\u1015\u1038\u101b\u1019\u103d\u102c\u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b<\/p>\n
How to write blog content?<\/strong><\/p>\n
\"\"
Fig.(3) charizard.md<\/figcaption><\/figure>\n
Blog Content \u1031\u1010\u103c\u1000\u102d\u102f content\/ directory \u1011\u1032\u1019\u103d\u102c \u1019\u102d\u1019\u102d\u1031\u101b\u1038\u1001\u103a\u1004\u1039\u1010\u1032\u1037 file \u1021\u1019\u103a\u102d\u1033\u1038\u1021\u1005\u102c\u1038\u1000\u102d\u102f \u1021\u101e\u102f\u1036\u1038\u103b\u1015\u1033\u107f\u1015\u102e\u1038 \u1031\u101b\u1038\u108f\u102d\u102f\u1004\u1039\u1015\u102b\u1010\u101a\u1039\u104b Fig. (3) \u1019\u103d\u102c\u1031\u1010\u102c\u1037 \/content\/pokemons\/ directory \u1011\u1032\u1000 charizard.md file \u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b charizard.md \u1021\u1010\u103c\u1004\u1039\u1038\u1019\u103d\u102c\u1015\u102b\u101d\u1004\u1039\u1010\u1032\u1037 content \u1019\u103a\u102c\u1038\u101b\u1032\u1095 \u1006\u102d\u102f\u101c\u102d\u102f\u101b\u1004\u1039\u1038\u1031\u1010\u103c\u1000\u1031\u1010\u102c\u1037 \u1031\u1021\u102c\u1000\u1039\u1015\u102b\u1021\u1010\u102d\u102f\u1004\u1039\u1038\u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b<\/p>\n
---\r\ntitle: 'Charizard'\r\ninfo: 'Info of Charizard'\r\n---\r\n<\/pre>\n
\u1019\u102d\u1019\u102d\u101c\u102d\u102f\u1001\u103a\u1004\u1039\u1010\u1032\u1037 content \u1015\u102b\u101d\u1004\u1039\u101e\u100a\u1039\u1037 file \u1019\u103a\u102c\u1038\u1000\u102d\u102f query \u1014\u1032\u1094 \u101b\u103d\u102c\u1031\u1016\u103c\u101b\u101c\u103c\u101a\u1039\u1031\u1021\u102c\u1004\u1039 \u101c\u102f\u1015\u1039\u1031\u1015\u1038\u108f\u102d\u102f\u1004\u1039\u1019\u101a\u1039\u1037 variable \u1019\u103a\u102c\u1038\u1000\u102d\u102f file \u101b\u1032\u1095 \u1011\u102d\u1015\u1039\u1006\u102f\u1036\u1038 \u2014 \u2014 \u1021\u1010\u103c\u1004\u1039\u1038\u1031\u101b\u1038\u1031\u1015\u1038\u101b\u1019\u103d\u102c \u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b<\/p>\n
# Charizard\r\n<\/pre>\n
content \u1000\u102d\u102f heading tag \u1021\u103b\u1016\u1005\u1039\u1031\u1016\u102c\u1039\u103b\u1015\u101c\u102d\u102f\u1015\u102b\u1000 # \u1000\u102d\u102f \u1021\u101e\u102f\u1036\u1038\u103b\u1015\u1033\u1031\u1015\u1038\u101b\u1019\u103d\u102c\u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b<\/p>\n
::alert{type=success}\r\n alert box\r\n::\r\n<\/pre>\n
\"\"
Fig.(4) Alert.vue<\/figcaption><\/figure>\n
components\/content\/ directory \u1011\u1032\u1000 vue component \u1031\u1010\u103c\u1000\u102d\u102f\u1031\u1001\u105a\u101e\u102f\u1036\u1038\u101c\u102d\u102f\u1010\u1032\u1037\u1021\u1001\u102b :: :: \u1021\u1010\u103c\u1004\u1039\u1038\u1031\u101b\u1038\u1031\u1015\u1038\u101b\u1019\u103d\u102c \u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b vue component \u1011\u1032\u1000\u102d\u102f props \u1021\u1031\u1014\u1014\u1032\u1094 data \u1031\u1010\u103c\u1000\u102d\u102f\u1031\u1015\u1038\u1015\u102d\u102f\u1094\u101c\u102d\u102f\u1010\u1032\u1037\u1021\u1001\u102b\u1019\u103d\u102c \u1010\u103c\u1014\u1039\u1094\u1000\u103c\u1004\u1039\u1038 {} \u1021\u1010\u103c\u1004\u1039\u1038\u1031\u101b\u1038\u1031\u1015\u1038\u101b\u1019\u103d\u102c\u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b \u1025\u1015\u1019\u102c\u1015\u102b\u1010\u1032\u1037 ::alert \u1000\u1031\u1010\u102c\u1037 \/components\/content\/Alert.vue component \u1000\u102d\u102f \u1006\u102d\u102f\u101c\u102d\u102f\u1010\u102c\u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b Alert.vue, Card.vue \u1005\u101e\u103b\u1016\u1004\u1039\u1037 \u1011\u102d\u1015\u1039\u1006\u102f\u1036\u1038 \u1005\u1000\u102c\u1038\u101c\u102f\u1036\u1038\u1000\u102d\u102f \u1021\u1080\u1000\u102e\u1038\u103b\u1016\u1004\u1037\u1039\u1031\u101b\u1038\u1031\u1015\u1038\u101b\u1019\u103d\u102c \u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b<\/p>\n
(link)[\/pokemon]\r\n<\/pre>\n
Link \u1019\u103d\u102c \u103b\u1015\u1001\u103a\u1004\u1039\u1010\u1032\u1037\u1005\u102c\u101e\u102c\u1038\u1000\u102d\u102f \u1031\u101c\u1038\u1031\u1011\u102c\u1004\u1039\u1037\u1000\u103c\u1004\u1039\u1038 [] \u1021\u1010\u103c\u1004\u1039\u1038\u1031\u101b\u1038\u1031\u1015\u1038\u101b\u1019\u103d\u102c\u103b\u1016\u1005\u1039\u107f\u1015\u102e\u1038 \u1000\u102d\u102f\u101a\u1039\u101e\u103c\u102c\u1038\u1001\u103a\u1004\u1039\u1010\u1032\u1037\u101c\u1019\u1039\u1038\u1031\u107e\u1000\u102c\u1004\u1039\u1038\u1000\u102d\u102f\u1031\u1010\u102c\u1037 \u101c\u1000\u1039\u101e\u100a\u1039\u1038\u1000\u103c\u1004\u1039\u1038 () \u1021\u1010\u103c\u1004\u1039\u1038\u1031\u101b\u1038\u1031\u1015\u1038\u101b\u1019\u103d\u102c \u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b<\/p>\n
![charizard image](\/img\/charizard.png)\r\n<\/pre>\n
\u1031\u101c\u1038\u1031\u1011\u102c\u1004\u1039\u1037\u1000\u103c\u1004\u1039\u1038 [] \u1021\u1010\u103c\u1004\u1039\u1038\u1019\u103d\u102c image title \u1000\u102d\u102f\u1031\u101b\u1038\u1031\u1015\u1038\u101b\u1019\u103d\u102c\u103b\u1016\u1005\u1039\u107f\u1015\u102e\u1038 image \u101b\u103d\u102d\u1031\u1014\u1010\u1032\u1037 \u101c\u1019\u1039\u1038\u1031\u107e\u1000\u102c\u1004\u1039\u1038\u1000\u102d\u102f\u1031\u1010\u102c\u1037 \u101c\u1000\u1039\u101e\u100a\u1039\u1038\u1000\u103c\u1004\u1039\u1038 () \u1021\u1010\u103c\u1004\u1039\u1038\u1031\u101b\u1038\u1031\u1015\u1038\u101b\u1019\u103d\u102c \u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b<\/p>\n
 > Block quote\r\n<\/pre>\n
content \u1000\u102d\u102f blockquote tag \u1021\u103b\u1016\u1005\u1039\u1031\u1016\u102c\u1039\u103b\u1015\u101c\u102d\u102f\u1015\u102b\u1000 > \u1000\u102d\u102f \u1021\u101e\u102f\u1036\u1038\u103b\u1015\u1033\u1031\u1015\u1038\u101b\u1019\u103d\u102c\u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b<\/p>\n
 ```javascript\r\n\texport default () => {\r\n\t\tconsole.log(\u2018code block\u2019)\r\n\t}\r\n```\r\n<\/pre>\n
content \u1000\u102d\u102f code HTML Tag \u1021\u103b\u1016\u1005\u1039\u1031\u1016\u102c\u1039\u103b\u1015\u101c\u102d\u102f\u1015\u102b\u1000 “` “` \u1000\u102d\u102f \u1021\u101e\u102f\u1036\u1038\u103b\u1015\u1033\u1031\u1015\u1038\u101b\u1019\u103d\u102c\u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b charizard.md file \u1000\u102d\u102f Browser \u1019\u103d\u102c run \u101c\u102d\u102f\u1000\u1039\u1015\u102b\u1000 Fig. (5) \u1015\u102f\u1036\u1005\u1036\u101b\u101b\u103d\u102d\u1019\u103d\u102c\u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b<\/p>\n
\"\"
Fig.(5)<\/figcaption><\/figure>\n
How to create a blog using Nuxt Content?<\/strong>
\nNuxt content \u1000\u102d\u102f \u1021\u101e\u102f\u1036\u1038\u103b\u1015\u1033\u107f\u1015\u102e\u1038 blog \u1018\u101a\u1039\u101c\u102d\u102f\u1031\u101b\u1038\u101b\u1019\u101c\u1032 \u1006\u102d\u102f\u1010\u102c\u1000\u102d\u102f\u1031\u1010\u102c\u1037 Pokemon blog \u1031\u101c\u1038\u1010\u1005\u1039\u1001\u102f\u1031\u101b\u1038\u107f\u1015\u102e\u1038 \u101b\u103d\u1004\u1039\u1038\u103b\u1015\u1031\u1015\u1038\u101e\u103c\u102c\u1038\u1001\u103a\u1004\u1039\u1015\u102b\u1010\u101a\u1039\u104b \u1021\u1001\u102f blog \u1019\u103d\u102c\u1031\u1010\u102c\u1037 url (3) \u1001\u102f\u101e\u102c\u1015\u102b\u101b\u103d\u102d\u1019\u103d\u102c\u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b http:\/\/localhost:3000 (Home Page), http:\/\/localhost:3000\/pokemon (All Pokemons Page) \u108f\u103d\u1004\u1037\u1039 http:\/\/localhost:3000\/pokemon\/:slug (Pokemon Detail Page) \u1010\u102d\u102f\u1094\u1015\u1032\u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b<\/p>\n
\"\"
Fig.(6) Home Page<\/figcaption><\/figure>\n
\u1011\u102d\u102f page \u1019\u103d\u1010\u1005\u1039\u1006\u1004\u1039\u1037 All Pokemons \u1006\u102d\u102f\u1010\u1032\u1037 button \u1000\u102d\u102f\u108f\u103d\u102d\u1015\u1039\u1015\u102b\u1000 All Pokemons Page \u101e\u102d\u102f\u1094\u1031\u101b\u102c\u1000\u1039\u101b\u103d\u102d\u1019\u103d\u102c\u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b \u1011\u102d\u102f page \u1019\u103d\u102c\u1031\u1010\u102c\u1037 \/content\/pokemons\/ directory \u1011\u1032\u1000 blog content \u1019\u103d\u1014\u1039\u101e\u1019\u103d\u103a\u1000\u102d\u102f \u1031\u1016\u102c\u1039\u103b\u1015\u101e\u103c\u102c\u1038\u1019\u103d\u102c\u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b<\/p>\n
\"\"
Fig.(7) “ContentList” Component<\/figcaption><\/figure>\n
Document \u1031\u1010\u103c\u1000\u102d\u102f \u1010\u1005\u1039\u1001\u102f\u1011\u1000\u1039\u1015\u102d\u102f\u107f\u1015\u102e\u1038 fetch \u101c\u102f\u1015\u1039\u1001\u103a\u1004\u1039\u1010\u1032\u1037\u1021\u1001\u102b\u1019\u103d\u102c “ContentList” component \u1000\u102d\u102f\u1021\u101e\u102f\u1036\u1038\u103b\u1015\u1033\u1031\u1015\u1038\u101b\u1019\u103d\u102c\u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b \u1000\u103c\u107d\u1014\u1039\u1031\u1010\u102c\u1039\u1000\u1031\u1010\u102c\u1037 \/content\/pokemons\/ directory \u1031\u1021\u102c\u1000\u1039\u1000 document \u1031\u1010\u103c\u1000\u102d\u102f\u101c\u102d\u102f\u1001\u103a\u1004\u1039\u1010\u1032\u1037\u1021\u1010\u103c\u1000\u1039\u1031\u107e\u1000\u102c\u1004\u1039\u1037 “ContentList” \u1000\u102d\u102f\u1021\u101e\u102f\u1036\u1038\u103b\u1015\u1033\u1011\u102c\u1038\u1010\u102c \u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b path=\u201c\/pokemons\u201d \u1000\u1031\u1010\u102c\u1037 \/content\/pokemons\/ directory \u1031\u1021\u102c\u1000\u1039\u1000 document \u1031\u1010\u103c\u1000\u102d\u102f\u101c\u102d\u102f\u1001\u103a\u1004\u1039\u1010\u1032\u1037\u1021\u1010\u103c\u1000\u1039 \u1021\u101e\u102f\u1036\u1038\u103b\u1015\u1033\u1011\u102c\u1038\u1010\u102c\u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b \u1021\u1000\u101a\u1039\u104d content directory \u1031\u1021\u102c\u1000\u1039\u1000\u1031\u1014\u1015\u1032 \u101c\u102d\u102f\u1001\u103a\u1004\u1039\u1010\u101a\u1039\u1006\u102d\u102f\u101b\u1004\u1039\u1031\u1010\u102c\u1037 path=\u201c\/\u201c \u101c\u102d\u102f\u1094\u1031\u101b\u1038\u1031\u1015\u1038\u101b\u1019\u103d\u102c\u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b “ContentList” \u1019\u103d\u102c default props \u1021\u1031\u1014\u1014\u1032\u1094 \u101b\u101b\u103d\u102d\u1019\u103d\u102c\u1031\u1010\u103c\u1000\u1031\u1010\u102c\u1037 path \u1014\u1032\u1094 query \u103b\u1016\u1005\u1039\u107f\u1015\u102e\u1038\u1031\u1010\u102c\u1037 list \u1000\u1031\u1010\u102c\u1037 default slots \u1021\u1031\u1014\u1014\u1032\u1094\u101b\u101b\u103d\u102d\u1019\u103d\u102c\u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b \u201cContentList\u201d \u1000\u102d\u102f \u1021\u101e\u102f\u1036\u1038\u1019\u103b\u1015\u1033\u1018\u1032 Fig.(8) \u1000\u1032\u1037\u101e\u102d\u102f\u1094 queryContent() \u1000\u102d\u102f\u1021\u101e\u102f\u1036\u1038\u103b\u1015\u1033\u1000\u102c single document, multiple documents \u1031\u1010\u103c\u1000\u102d\u102f fetch \u101c\u102f\u1015\u1039\u108f\u102d\u102f\u1004\u1039\u1015\u102b\u1010\u101a\u1039\u104b<\/p>\n
\"\"
Fig.(8) queryContent()<\/figcaption><\/figure>\n
queryContent() \u1000\u1031\u1010\u102c\u1037 script tag \u1021\u1010\u103c\u1004\u1039\u1038\u1031\u101b\u1038\u1031\u1015\u1038\u101b\u1019\u103d\u102c \u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b \u101e\u1030\u1094\u1019\u103d\u102c\u101c\u100a\u1039\u1038 \u201cContentList\u201d \u1019\u103d\u102c\u1000\u1032\u1037\u101e\u102d\u102f\u1094 \/content\/pokemons directory \u1031\u1021\u102c\u1000\u1039\u1000 document \u1031\u1010\u103c\u1000\u102d\u102f\u101c\u102d\u102f\u1001\u103a\u1004\u1039\u101b\u1004\u1039 queryContent(\u201c\/pokemons\u201d)\u104a content\/ \u1031\u1021\u102c\u1000\u1039\u1000\u101c\u102d\u102f\u1001\u103a\u1004\u1039\u101b\u1004\u1039 queryContent(\u201c\/pokemons\u201d) \u101f\u102f\u1031\u101b\u1038\u1031\u1015\u1038\u101b\u1019\u103d\u102c\u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b find() \u1000\u1031\u1010\u102c\u1037 document \u1021\u1000\u102f\u1014\u1039\u101c\u102f\u1036\u1038\u1000\u102d\u102f \u101a\u1030\u1031\u1015\u1038\u1015\u102b\u101c\u102d\u102f\u1094 \u1006\u102d\u102f\u101c\u102d\u102f\u1010\u102c\u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b findOne() \u1006\u102d\u102f\u101b\u1004\u1039\u1031\u1010\u102c\u1037 document \u1010\u1005\u1039\u1001\u102f\u1011\u1032\u1000\u102d\u102f\u101e\u102c\u101a\u1030\u1031\u1015\u1038\u1015\u102b\u101c\u102d\u102f\u1094 \u1006\u102d\u102f\u101c\u102d\u102f\u1010\u102c\u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b Fig.(9) \u1000\u1031\u1010\u102c\u1037 \u201cContentList\u201d \u1014\u1032\u1094 queryContent() \u1010\u1005\u1039\u1001\u102f\u1001\u102f\u1000\u102d\u102f \u1021\u101e\u102f\u1036\u1038\u103b\u1015\u1033\u107f\u1015\u102e\u1038 run \u101c\u102d\u102f\u1000\u1039\u1010\u1032\u1037\u1021\u1001\u102b\u1019\u103d\u102c \u101b\u101b\u103d\u102d\u101c\u102c\u1019\u101a\u1039\u1037 result \u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b<\/p>\n
\"\"
Fig.(9) All Pokemons Page<\/figcaption><\/figure>\n
\u1011\u102d\u102f\u1019\u103d\u1010\u1005\u1039\u1006\u1004\u1039\u1037 \u201cgotodetail\u201d \u1006\u102d\u102f\u1010\u1032\u1037 link \u1000\u102d\u102f\u108f\u103d\u102d\u1015\u1039\u1015\u102b\u1000 Pokemon Detail Page \u101e\u102d\u102f\u1094\u1031\u101b\u102c\u1000\u1039\u101b\u103d\u102d\u1019\u103d\u102c\u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b<\/p>\n
\"\"
Fig.(10) “ContentRenderer” Component<\/figcaption><\/figure>\n
\u201cContentRenderer” component \u1000\u1031\u1010\u102c\u1037 queryContent() \u1000\u1031\u1014\u1019\u103d \u101b\u101b\u103d\u102d\u101c\u102c\u1010\u1032\u1037 data \u1000\u102d\u102f\u1019\u103d \u1010\u1005\u1039\u1006\u1004\u1039\u1037\u101a\u1030\u107f\u1015\u102e\u1038 \u1031\u1016\u102c\u1039\u103b\u1015\u1031\u1015\u1038\u1010\u1032\u1037 component \u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b \/content directory \u1011\u1032\u1019\u103d .md, .json \u1021\u1005\u101b\u103d\u102d\u1010\u1032\u1037 file \u101b\u1032\u1095 content \u1000\u102d\u102f\u101c\u102d\u102f\u1001\u103a\u1004\u1039\u1010\u1032\u1037\u1021\u1001\u102b\u1019\u103d\u102c “ContentRendererMarkdown” \u1000\u102d\u102f\u1021\u101e\u102f\u1036\u1038\u103b\u1015\u1033\u1031\u1015\u1038\u101b\u1019\u103d\u102c\u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b<\/p>\n
queryContent('pokemons').where({ slug: route.params.slug[0] }).findOne()\r\n<\/pre>\n
where({ slug: route.params.slug[0] }) \u1000\u1031\u1010\u102c\u1037 url \u1019\u103d\u102c\u1015\u102b\u101c\u102c\u1010\u1032\u1037 slug \u1014\u1032\u1094 Fig.(3) \u101b\u1032\u1095 \u2014 \u2014 \u1021\u1010\u103c\u1004\u1039\u1038\u1019\u103d\u102c \u1031\u107e\u1000\u100a\u102c\u1011\u102c\u1038\u1010\u1032\u1037 variable slug \u1014\u1032\u1094 \u1010\u1030\u100a\u102e\u1010\u1032\u1037 file \u1000\u102d\u102f\u101a\u1030\u1031\u1015\u1038\u1015\u102b\u101c\u102d\u102f\u1094\u1006\u102d\u102f\u101c\u102d\u102f\u1010\u102c\u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b<\/p>\n
queryContent('pokemons').only([\"_path\", \"title\", \"description\",\"slug\"]).sort({ date: 1 }).findSurround(`\/pokemons\/${route. params.slug[0]}`)\r\n<\/pre>\n
only([“_path”, “title”, “description”,”slug\u201d]) \u1000\u1031\u1010\u102c\u1037 \u2014 \u2014 \u1021\u1010\u103c\u1004\u1039\u1038\u1019\u103d\u102c \u1031\u107e\u1000\u100a\u102c\u1011\u102c\u1038\u1010\u1032\u1037 variable \u1031\u1010\u103c\u1011\u1032\u1000\u1019\u103d \u1000\u102d\u102f\u101a\u1039\u101c\u102d\u102f\u1001\u103a\u1004\u1039\u1010\u1032\u1037 variable \u1000\u102d\u102f\u1015\u1032\u101c\u102d\u102f\u1001\u103a\u1004\u1039\u1010\u1032\u1037\u1021\u1001\u102b \u1021\u101e\u102f\u1036\u1038\u103b\u1015\u1033\u1015\u102b\u1010\u101a\u1039\u104b<\/p>\n
.sort({ date: 1 }) \u1000\u1031\u1010\u102c\u1037 file \u1031\u1010\u103c\u1000\u102d\u102f create \u101c\u102f\u1015\u1039\u1010\u1032\u1037\u101b\u1000\u1039\u1014\u1032\u1094 \u1004\u101a\u1039\u1005\u1025\u1039\u1080\u1000\u102e\u1038\u101c\u102d\u102f\u1000\u1039 \u1005\u102e\u1031\u1015\u1038\u1010\u102c\u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b \u1080\u1000\u102e\u1038\u1005\u1025\u1039\u1004\u101a\u1039\u101c\u102d\u102f\u1000\u1039 \u101c\u102d\u102f\u1001\u103a\u1004\u1039\u101b\u1004\u1039\u1031\u1010\u102c\u1037 .sort({ date: -1 }) \u101f\u102f\u1031\u101b\u1038\u1031\u1015\u1038\u101b\u1019\u103d\u102c\u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b<\/p>\n
findSurround(`\/pokemons\/${route.params.slug[0]}`) \u1000\u1031\u1010\u102c\u1037 \u1000\u102d\u102f\u101a\u1039\u101c\u102d\u102f\u1001\u103a\u1004\u1039\u1010\u1032\u1037 file \u101b\u1032\u1095 \u1021\u1031\u1015\u105a\u1031\u1021\u102c\u1000\u1039 file \u108f\u103d\u1005\u1039\u1001\u102f\u1000\u102d\u102f\u101b\u101a\u1030\u101c\u102d\u102f\u1010\u1032\u1037\u1021\u1001\u102b \u1021\u101e\u102f\u1036\u1038\u103b\u1015\u1033\u101b\u1019\u103d\u102c\u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b Fig.(5) \u1000\u1031\u1010\u102c\u1037 Fig.(10) \u1000 code \u1000\u102d\u102f run \u101c\u102d\u102f\u1000\u1039\u1010\u1032\u1037\u1021\u1001\u102b\u1019\u103d \u101b\u101b\u103d\u102d\u1010\u1032\u1037 result \u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b<\/p>\n
\u1000\u103c\u107d\u1014\u1039\u1031\u1010\u102c\u1039 \u1019\u103d\u103a\u1031\u101d\u1031\u1015\u1038\u1001\u1032\u1037\u1010\u1032\u1037\u1021\u1011\u1032\u1019\u103d\u102c \u1019\u1015\u102b\u101d\u1004\u1039\u1010\u1032\u1037 \u1021\u103b\u1001\u102c\u1038\u1031\u101e\u102c\u1021\u101b\u102c\u1031\u1010\u103c\u1000\u102d\u102f \u1031\u101c\u1037\u101c\u102c\u1001\u103a\u1004\u1039\u101b\u1004\u1039\u1031\u1010\u102c\u1037 https:\/\/content.nuxtjs.org\/<\/a> \u1019\u103d\u102c \u1006\u1000\u1039\u101c\u1000\u1039\u1031\u101c\u1037\u101c\u102c\u101e\u103c\u102c\u1038\u1016\u102d\u102f\u1094 \u1010\u102d\u102f\u1000\u1039\u1010\u103c\u1014\u1039\u1038\u101c\u102d\u102f\u1015\u102b\u1010\u101a\u1039\u104b
\n\u1021\u1006\u102f\u1036\u1038\u1011\u102d \u1021\u1001\u103a\u102d\u1014\u1039\u1031\u1015\u1038\u107f\u1015\u102e\u1038 \u1016\u1010\u1039\u1031\u1015\u1038\u1010\u1032\u1037\u1021\u1010\u103c\u1000\u1039 \u1031\u1000\u103a\u1038\u1007\u1030\u1038\u1010\u1004\u1039\u1015\u102b\u1010\u101a\u1039 \u1001\u1004\u1039\u1017\u103a\u104b<\/p>\n","protected":false},"excerpt":{"rendered":"
\u1019\u1002\u1064\u101c\u102c\u1015\u102b\u104b \u1000\u103c\u107d\u1014\u1039\u1031\u1010\u102c\u1039\u1000\u1031\u1010\u102c\u1037 Spiceworks Myanmar \u1019\u103d\u102c Backend Developer \u1021\u1031\u1014\u1014\u1032\u1094 \u1010\u102c\u101d\u1014\u1039\u101a\u1030\u101c\u102f\u1015\u1039\u1000\u102d\u102f\u1004\u1039\u1031\u1014\u1010\u1032\u1037 \u101e\u102f\u1010\u101a\u102c\u1019\u102d\u102f\u1038 \u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b \u1012\u102e\u1010\u1005\u1039\u1031\u1001\u102b\u1000\u1039\u1019\u103d\u102c\u1031\u1010\u102c\u1037 Nuxt.js \u101b\u1032\u1095 plugin \u1010\u1005\u1039\u1001\u102f\u103b\u1016\u1005\u1039\u1010\u1032\u1037 Nuxt Content \u1021\u1031\u107e\u1000\u102c\u1004\u1039\u1038\u1000\u102d\u102f \u1031\u101d\u1019\u103d\u103a\u1031\u1015\u1038\u101e\u103c\u102c\u1038\u1001\u103a\u1004\u1039\u1015\u102b\u1010\u101a\u1039<\/p>\n","protected":false},"author":51,"featured_media":8632,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-8630","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-system"],"yoast_head":"\nNuxt Content - Web Development & Tech Blog | Spiceworks Myanmar<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.spiceworksmyanmar.com\/blog\/nuxt-content\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Nuxt Content - Web Development & Tech Blog | Spiceworks Myanmar\" \/>\n<meta property=\"og:description\" content=\"\u1019\u1002\u1064\u101c\u102c\u1015\u102b\u104b \u1000\u103c\u107d\u1014\u1039\u1031\u1010\u102c\u1039\u1000\u1031\u1010\u102c\u1037 Spiceworks Myanmar \u1019\u103d\u102c Backend Developer \u1021\u1031\u1014\u1014\u1032\u1094 \u1010\u102c\u101d\u1014\u1039\u101a\u1030\u101c\u102f\u1015\u1039\u1000\u102d\u102f\u1004\u1039\u1031\u1014\u1010\u1032\u1037 \u101e\u102f\u1010\u101a\u102c\u1019\u102d\u102f\u1038 \u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b \u1012\u102e\u1010\u1005\u1039\u1031\u1001\u102b\u1000\u1039\u1019\u103d\u102c\u1031\u1010\u102c\u1037 Nuxt.js \u101b\u1032\u1095 plugin \u1010\u1005\u1039\u1001\u102f\u103b\u1016\u1005\u1039\u1010\u1032\u1037 Nuxt Content \u1021\u1031\u107e\u1000\u102c\u1004\u1039\u1038\u1000\u102d\u102f \u1031\u101d\u1019\u103d\u103a\u1031\u1015\u1038\u101e\u103c\u102c\u1038\u1001\u103a\u1004\u1039\u1015\u102b\u1010\u101a\u1039\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.spiceworksmyanmar.com\/blog\/nuxt-content\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Development & Tech Blog | Spiceworks Myanmar\" \/>\n<meta property=\"article:published_time\" content=\"2022-11-04T08:40:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.spiceworksmyanmar.com\/blog\/wp-content\/uploads\/2022\/07\/cover_nuxtcontent.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"700\" \/>\n\t<meta property=\"og:image:height\" content=\"366\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Thuta Yar Moe\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thuta Yar Moe\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.spiceworksmyanmar.com\\\/blog\\\/nuxt-content\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.spiceworksmyanmar.com\\\/blog\\\/nuxt-content\\\/\"},\"author\":{\"name\":\"Thuta Yar Moe\",\"@id\":\"https:\\\/\\\/www.spiceworksmyanmar.com\\\/blog\\\/#\\\/schema\\\/person\\\/5883aee80b174692301288a1d3a56405\"},\"headline\":\"Nuxt Content\",\"datePublished\":\"2022-11-04T08:40:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.spiceworksmyanmar.com\\\/blog\\\/nuxt-content\\\/\"},\"wordCount\":480,\"image\":{\"@id\":\"https:\\\/\\\/www.spiceworksmyanmar.com\\\/blog\\\/nuxt-content\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.spiceworksmyanmar.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/07\\\/cover_nuxtcontent.jpg\",\"articleSection\":[\"System\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.spiceworksmyanmar.com\\\/blog\\\/nuxt-content\\\/\",\"url\":\"https:\\\/\\\/www.spiceworksmyanmar.com\\\/blog\\\/nuxt-content\\\/\",\"name\":\"Nuxt Content - Web Development & Tech Blog | Spiceworks Myanmar\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.spiceworksmyanmar.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.spiceworksmyanmar.com\\\/blog\\\/nuxt-content\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.spiceworksmyanmar.com\\\/blog\\\/nuxt-content\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.spiceworksmyanmar.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/07\\\/cover_nuxtcontent.jpg\",\"datePublished\":\"2022-11-04T08:40:17+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.spiceworksmyanmar.com\\\/blog\\\/#\\\/schema\\\/person\\\/5883aee80b174692301288a1d3a56405\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.spiceworksmyanmar.com\\\/blog\\\/nuxt-content\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.spiceworksmyanmar.com\\\/blog\\\/nuxt-content\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.spiceworksmyanmar.com\\\/blog\\\/nuxt-content\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.spiceworksmyanmar.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/07\\\/cover_nuxtcontent.jpg\",\"contentUrl\":\"https:\\\/\\\/www.spiceworksmyanmar.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/07\\\/cover_nuxtcontent.jpg\",\"width\":700,\"height\":366},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.spiceworksmyanmar.com\\\/blog\\\/nuxt-content\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.spiceworksmyanmar.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Nuxt Content\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.spiceworksmyanmar.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.spiceworksmyanmar.com\\\/blog\\\/\",\"name\":\"Web Development & Tech Blog | Spiceworks Myanmar\",\"description\":\"Read Spiceworks Myanmar\u2019s blog on web development, design trends, and IT solutions. Stay informed with tips and insights from our experienced developers.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.spiceworksmyanmar.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.spiceworksmyanmar.com\\\/blog\\\/#\\\/schema\\\/person\\\/5883aee80b174692301288a1d3a56405\",\"name\":\"Thuta Yar Moe\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f1801721c7fb06c2ba2c886067bf36bc83b80f6fb00bd1c2b47c6ef27c3360a8?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f1801721c7fb06c2ba2c886067bf36bc83b80f6fb00bd1c2b47c6ef27c3360a8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f1801721c7fb06c2ba2c886067bf36bc83b80f6fb00bd1c2b47c6ef27c3360a8?s=96&d=mm&r=g\",\"caption\":\"Thuta Yar Moe\"},\"url\":\"https:\\\/\\\/www.spiceworksmyanmar.com\\\/blog\\\/author\\\/thuta-yar-moe\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Nuxt Content - Web Development & Tech Blog | Spiceworks Myanmar","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.spiceworksmyanmar.com\/blog\/nuxt-content\/","og_locale":"en_US","og_type":"article","og_title":"Nuxt Content - Web Development & Tech Blog | Spiceworks Myanmar","og_description":"\u1019\u1002\u1064\u101c\u102c\u1015\u102b\u104b \u1000\u103c\u107d\u1014\u1039\u1031\u1010\u102c\u1039\u1000\u1031\u1010\u102c\u1037 Spiceworks Myanmar \u1019\u103d\u102c Backend Developer \u1021\u1031\u1014\u1014\u1032\u1094 \u1010\u102c\u101d\u1014\u1039\u101a\u1030\u101c\u102f\u1015\u1039\u1000\u102d\u102f\u1004\u1039\u1031\u1014\u1010\u1032\u1037 \u101e\u102f\u1010\u101a\u102c\u1019\u102d\u102f\u1038 \u103b\u1016\u1005\u1039\u1015\u102b\u1010\u101a\u1039\u104b \u1012\u102e\u1010\u1005\u1039\u1031\u1001\u102b\u1000\u1039\u1019\u103d\u102c\u1031\u1010\u102c\u1037 Nuxt.js \u101b\u1032\u1095 plugin \u1010\u1005\u1039\u1001\u102f\u103b\u1016\u1005\u1039\u1010\u1032\u1037 Nuxt Content \u1021\u1031\u107e\u1000\u102c\u1004\u1039\u1038\u1000\u102d\u102f \u1031\u101d\u1019\u103d\u103a\u1031\u1015\u1038\u101e\u103c\u102c\u1038\u1001\u103a\u1004\u1039\u1015\u102b\u1010\u101a\u1039","og_url":"https:\/\/www.spiceworksmyanmar.com\/blog\/nuxt-content\/","og_site_name":"Web Development & Tech Blog | Spiceworks Myanmar","article_published_time":"2022-11-04T08:40:17+00:00","og_image":[{"width":700,"height":366,"url":"https:\/\/www.spiceworksmyanmar.com\/blog\/wp-content\/uploads\/2022\/07\/cover_nuxtcontent.jpg","type":"image\/jpeg"}],"author":"Thuta Yar Moe","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Thuta Yar Moe","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.spiceworksmyanmar.com\/blog\/nuxt-content\/#article","isPartOf":{"@id":"https:\/\/www.spiceworksmyanmar.com\/blog\/nuxt-content\/"},"author":{"name":"Thuta Yar Moe","@id":"https:\/\/www.spiceworksmyanmar.com\/blog\/#\/schema\/person\/5883aee80b174692301288a1d3a56405"},"headline":"Nuxt Content","datePublished":"2022-11-04T08:40:17+00:00","mainEntityOfPage":{"@id":"https:\/\/www.spiceworksmyanmar.com\/blog\/nuxt-content\/"},"wordCount":480,"image":{"@id":"https:\/\/www.spiceworksmyanmar.com\/blog\/nuxt-content\/#primaryimage"},"thumbnailUrl":"https:\/\/www.spiceworksmyanmar.com\/blog\/wp-content\/uploads\/2022\/07\/cover_nuxtcontent.jpg","articleSection":["System"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.spiceworksmyanmar.com\/blog\/nuxt-content\/","url":"https:\/\/www.spiceworksmyanmar.com\/blog\/nuxt-content\/","name":"Nuxt Content - Web Development & Tech Blog | Spiceworks Myanmar","isPartOf":{"@id":"https:\/\/www.spiceworksmyanmar.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.spiceworksmyanmar.com\/blog\/nuxt-content\/#primaryimage"},"image":{"@id":"https:\/\/www.spiceworksmyanmar.com\/blog\/nuxt-content\/#primaryimage"},"thumbnailUrl":"https:\/\/www.spiceworksmyanmar.com\/blog\/wp-content\/uploads\/2022\/07\/cover_nuxtcontent.jpg","datePublished":"2022-11-04T08:40:17+00:00","author":{"@id":"https:\/\/www.spiceworksmyanmar.com\/blog\/#\/schema\/person\/5883aee80b174692301288a1d3a56405"},"breadcrumb":{"@id":"https:\/\/www.spiceworksmyanmar.com\/blog\/nuxt-content\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.spiceworksmyanmar.com\/blog\/nuxt-content\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.spiceworksmyanmar.com\/blog\/nuxt-content\/#primaryimage","url":"https:\/\/www.spiceworksmyanmar.com\/blog\/wp-content\/uploads\/2022\/07\/cover_nuxtcontent.jpg","contentUrl":"https:\/\/www.spiceworksmyanmar.com\/blog\/wp-content\/uploads\/2022\/07\/cover_nuxtcontent.jpg","width":700,"height":366},{"@type":"BreadcrumbList","@id":"https:\/\/www.spiceworksmyanmar.com\/blog\/nuxt-content\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.spiceworksmyanmar.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Nuxt Content"}]},{"@type":"WebSite","@id":"https:\/\/www.spiceworksmyanmar.com\/blog\/#website","url":"https:\/\/www.spiceworksmyanmar.com\/blog\/","name":"Web Development & Tech Blog | Spiceworks Myanmar","description":"Read Spiceworks Myanmar\u2019s blog on web development, design trends, and IT solutions. Stay informed with tips and insights from our experienced developers.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.spiceworksmyanmar.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.spiceworksmyanmar.com\/blog\/#\/schema\/person\/5883aee80b174692301288a1d3a56405","name":"Thuta Yar Moe","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/f1801721c7fb06c2ba2c886067bf36bc83b80f6fb00bd1c2b47c6ef27c3360a8?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/f1801721c7fb06c2ba2c886067bf36bc83b80f6fb00bd1c2b47c6ef27c3360a8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f1801721c7fb06c2ba2c886067bf36bc83b80f6fb00bd1c2b47c6ef27c3360a8?s=96&d=mm&r=g","caption":"Thuta Yar Moe"},"url":"https:\/\/www.spiceworksmyanmar.com\/blog\/author\/thuta-yar-moe\/"}]}},"_links":{"self":[{"href":"https:\/\/www.spiceworksmyanmar.com\/blog\/wp-json\/wp\/v2\/posts\/8630","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.spiceworksmyanmar.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.spiceworksmyanmar.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.spiceworksmyanmar.com\/blog\/wp-json\/wp\/v2\/users\/51"}],"replies":[{"embeddable":true,"href":"https:\/\/www.spiceworksmyanmar.com\/blog\/wp-json\/wp\/v2\/comments?post=8630"}],"version-history":[{"count":34,"href":"https:\/\/www.spiceworksmyanmar.com\/blog\/wp-json\/wp\/v2\/posts\/8630\/revisions"}],"predecessor-version":[{"id":8685,"href":"https:\/\/www.spiceworksmyanmar.com\/blog\/wp-json\/wp\/v2\/posts\/8630\/revisions\/8685"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.spiceworksmyanmar.com\/blog\/wp-json\/wp\/v2\/media\/8632"}],"wp:attachment":[{"href":"https:\/\/www.spiceworksmyanmar.com\/blog\/wp-json\/wp\/v2\/media?parent=8630"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.spiceworksmyanmar.com\/blog\/wp-json\/wp\/v2\/categories?post=8630"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.spiceworksmyanmar.com\/blog\/wp-json\/wp\/v2\/tags?post=8630"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}