#Nuxtjs

  • Nuxt.js Fundamental ตอนที่ 12 - ทำ Workshop เว็บ Portfolio
    Published on
    •
    Nuxtjs

    Nuxt.js Fundamental ตอนที่ 12 - ทำ Workshop เว็บ Portfolio

    มาเริ่มลงมือทำ Workshop กันดีกว่าครับ หลังจากได้เรียนรู้ Nuxtjs มา 11 ตอนแล้ว สำหรับตอนนี้จะเป็นการนำเอาทุกๆอย่างที่เรียนมาทั้งหมด มาทำ Workshop กันนะครับ โดยอาจจะมีสอดแทรกเนื้อหาบางส่วนลงไปเพิ่มเติม...
    NuxtNuxtjsVuejsVue
  • Nuxt.js Fundamental ตอนที่ 11 - ทำ SEO และ Meta tags
    Published on
    •
    Nuxtjs

    Nuxt.js Fundamental ตอนที่ 11 - ทำ SEO และ Meta tags

    ต่อมาดูเรื่องของการทำ SEO กันบ้างนะครับ การทำ SEO ใน Nuxt.js คือ เราสามารถกำหนด title, แทรก script หรือ stylesheet ลงไปใน `<head></head>` ได้ หรือ การกำหนด meta tag ของ Social media เช่น Facebook, Tw...
    NuxtNuxtjsVuejsVue
  • Nuxt.js Fundamental ตอนที่ 8 - การทำระบบ Authentication
    Published on
    •
    Nuxtjs

    Nuxt.js Fundamental ตอนที่ 8 - การทำระบบ Authentication

    เชื่อว่าในเกือบทุกๆ Web Application ย่อมมีการทำระบบ Authentication แน่นอน มีระบบ Login ระบบสมัครสมาชิก และระบบเหล่านี้ ก็เป็นระบบเริ่มต้น ที่น่าศึกษา เพราะเป็นพื้นฐานของเว็บไซต์เกือบทั้งหมดต้องมีรว...
    NuxtNuxtjsAuthAuthentication
  • Nuxt.js Fundamental ตอนที่ 9 - การ Deploy Nuxt.js
    Published on
    •
    Nuxtjs

    Nuxt.js Fundamental ตอนที่ 9 - การ Deploy Nuxt.js

    สำหรับตอนนี้เป็นการ Deploy โปรเจ็ค Nuxt.js ของเรากันครับการ Deploy เราจะมี 2 แบบครับ คือ- Server Side - เราจำเป็นต้องใช้ Hosting ที่รองรับ Node.js เช่น VPS, Digital Ocean, Heroku หรือ Vercel เป็น...
    NuxtNuxtjsDeployment
  • Nuxt.js Fundamental ตอนที่ 7 - การใช้งานร่วมกับ Vuex Store
    Published on
    •
    Nuxtjs

    Nuxt.js Fundamental ตอนที่ 7 - การใช้งานร่วมกับ Vuex Store

    มาถึงเรื่องการเก็บข้อมูลลง Store โดยใช้ Vuex กันบ้างครับ ตัว Nuxt.js ก็รองรับการใช้งาน Vuex เลย หากเราต้องการใช้งาน ก็แค่เพิ่มไฟล์ `index.js` ใน folder `store` ก็ได้แล้วโดย Vue...
    NuxtNuxtjsVuex
  • บทความและวิดีโอสอน Nuxt.js Fundamental
    Published on
    •
    Web Development

    บทความและวิดีโอสอน Nuxt.js Fundamental

    สวัสดีครับ วันนี้มีคอร์ส Nuxt.js มาแนะนำครับ นั่นก็คือ Nuxt.js Fundamental โดยเนื้อหาแบ่งเป็น 2 แบบคือ แบบบทความ และ แบบ Video บน Youtube ดูยาวๆ เนื้อหาประกอบไปด...
    VueVue.jsNuxtNuxt.jsNuxt-AuthNuxt-Authenticationสอน-Nuxt.jsเขียน-Nuxt.jsสอน-Nuxt
  • Nuxt.js Fundamental ตอนที่ 6 - การ Fetch ข้อมูลจาก API
    Published on
    •
    Nuxtjs

    Nuxt.js Fundamental ตอนที่ 6 - การ Fetch ข้อมูลจาก API

    ต่อมาคือการ Fetch ข้อมูลจาก API นะครับ ใน Vue.js ปกติ เราอาจจะ fetch data โดยผ่าน function `mounted` หรือสร้าง function ใน `methods` อาจจะใช้ `fetch` หรือ `axios` ก็ได้ซึ่งใน Nuxt ผมจะยกตัวอย่างก...
    NuxtNuxtjsaxios
  • Nuxt.js Fundamental ตอนที่ 5 - Nuxt Content และ Async Data
    Published on
    •
    Nuxtjs

    Nuxt.js Fundamental ตอนที่ 5 - Nuxt Content และ Async Data

    Nuxt Content คืออะไร?Nuxt Content เป็น Module ที่ทำให้เราสามารถที่จะอ่าน JSON, YAML, Markdown หรือ CSV ใน folder `content` เหมือนกับการใช้พวก MongoDB API หรือเป็น QueryBuilder API นั่นเองข้อด...
    NuxtNuxtjs
  • Nuxt.js Fundamental ตอนที่ 4 - Nuxt.js Concept
    Published on
    •
    Nuxtjs

    Nuxt.js Fundamental ตอนที่ 4 - Nuxt.js Concept

    สำหรับหัวข้อนี้จะเป็นเรื่องของทฤษฎี อาจจะอ่านแล้วเข้าใจยากซักหน่อย แต่เชื่อเถอะว่าเนื้อหาส่วนนี้ค่อนข้างสำคัญครับ และมีประโยชน์มาก หากเราเข้าใจ Concept เข้าใจการทำงานของมัน เราก็สามารถประยุกต์และใช้ง...
    NuxtNuxtjs
  • Nuxt.js Fundamental ตอนที่ 3 - การกำหนด Routing
    Published on
    •
    Nuxtjs

    Nuxt.js Fundamental ตอนที่ 3 - การกำหนด Routing

    ก่อนหน้านี้ใน ตอนที่ 1 เราจะเห็นได้ว่า เราสามารถสร้างหน้า Pages ง่ายๆ ด้วยการสร้างไฟล์ `.vue` ไว้ในโฟลเดอร์ `pages` เท่านั้น ก็ได้หน้าใหม่แล้วโดยปก...
    NuxtNuxtjsVuejsVue
  • Nuxt.js Fundamental ตอนที่ 2 - สร้าง Nuxt.js ด้วย create-nuxt-app
    Published on
    •
    Nuxtjs

    Nuxt.js Fundamental ตอนที่ 2 - สร้าง Nuxt.js ด้วย create-nuxt-app

    สำหรับ ขั้นตอนนี้ เราจะใช้ตัวช่วยอย่าง `create-nuxt-app` มาขึ้นโปรเจ็ค Nuxt.js ครับ ข้อดีของ `create-nuxt-app` คือ เป็น Script ที่ช่วยทำให้เราไม่ต้องมา Config ค่าต่างๆ ของ Nuxt.js เลย รวมถึงเราสา...
    NuxtNuxtjsVueVuejs
  • Nuxt.js Fundamental ตอนที่ 1 - เริ่มต้นกับ Nuxt.js
    Published on
    •
    Nuxtjs

    Nuxt.js Fundamental ตอนที่ 1 - เริ่มต้นกับ Nuxt.js

    สวัสดีครับ บทความนี้ผมจะพาเพื่อนๆ น้องๆ พี่ๆมาลองเขียนเว็บไซต์ด้วยการใช้ Nuxt.js กันนะครับ ซึ่งสิ่งที่ควรมีคือ เพื่อนๆ ต้องมีพื้นฐานการเขียนเว็บมาก่อน และพื้นฐานการใช้ Vue.js เบื้องต้นมานะครั...
    NuxtNuxtjsVuejsVue
  • Nuxt.js Fundamental ตอนที่ 0 - พื้นฐานการเขียนเว็บด้วย Nuxt.js
    Published on
    •
    Nuxtjs

    Nuxt.js Fundamental ตอนที่ 0 - พื้นฐานการเขียนเว็บด้วย Nuxt.js

    สวัสดีครับ ขอต้อนรับสู่ Nuxt.js Tutorial บทความสอนเขียนเว็บด้วย Nuxt.js ครับสำหรับ Tutorial ชุดนี้ เพื่อนๆ สามารถอ่านได้ฟรีครับ หรือใครชื่นชอบแบบ Video สามารถดูคอร์สออนไลน์บน Youtube ได้เช่นกันครับ...
    NuxtNuxtjs