WebTech Note
WebTech Note
WebTech Note
  • HOME
  • ABOUT
  • POSTS
  • CONTACT
  • HOME
  • ABOUT
  • POSTS
  • CONTACT

All Posts

  • CSS

    Create a multi-line gradient text using CSS

    Create a multi-line gradient text using CSS

    I'm going to show you how to create a multi-line gradient text using CSS. I'll also cover the different behaviors depending on display values.

    • # Gradient

    February 27, 2023

  • Next.js

    How to implement Dark mode with Next.js and CSS variables

    How to implement Dark mode with Next.js and CSS variables

    next-themes is a package for implementing Dark mode into your application. This article will guide you to create a toggle theme component with CSS variables.

    • # Dark Mode
    • # CSS Variables
    • # next-themes

    February 19, 2023

  • Next.js

    How to make a Table of Contents using Tocbot with Contentlayer

    How to make a Table of Contents using Tocbot with Contentlayer

    Tocbot is a library that builds an automatic table of contents in your pages. I'll show you how to set up with Contentlayer.

    • # Table of Contents
    • # Tocbot
    • # Contentlayer
    • # MDX

    February 5, 2023

  • Next.js

    How to add comment system using Giscus in Next.js

    How to add comment system using Giscus in Next.js

    Giscus is a GitHub Discussions-powered comemnt system. I'll explain how to install and set up giscus in a Next.js project.

    • # giscus
    • # Comments

    February 3, 2023

  • Next.js

    Introducing my MDX blog with Next.js and how it works

    Introducing my MDX blog with Next.js and how it works

    I have built a MDX blog with Next.js. I'll explain how this blog works, and introduce the teck stack I used.

    • # Contentlayer
    • # MDX
    • # Vercel
    • # giscus

    February 2, 2023

Category

  • -CSS
  • -Next.js

Tag

  • # Comments
  • # Contentlayer
  • # CSS Variables
  • # Dark Mode
  • # giscus
  • # Gradient
  • # MDX
  • # next-themes
  • # Table of Contents
  • # Tocbot
  • # Vercel
  • HOME
  • ABOUT
  • POSTS
  • CONTACT

© WebTech Note 2023