DEV Community: 2nthony

My new NeoVim setup for JavaScript(TypeScript), react, vue development

2nthony — Tue, 21 Feb 2023 17:52:59 +0000

TL;DR

Repo: https://github.com/2nthony/dotfiles includes a quick preview video.

I've published a post about my neovim setup before, but recently, I updated the setup again!

The most changes is: I use LunarVim now, with bulk of personal customize plugins. I also made a vim color scheme vitesse.nvim just for myself to make the terminal(neovim) looks better 🤨.

In the end, I'm still looking for plugins to make it better and more useful, if you happened to know something good, please comment then let me know!🙏

My NeoVim setup for JavaScript(Front-End) development

2nthony — Fri, 12 Aug 2022 16:59:00 +0000

Recently I update my new NeoVim setup for JavaScript development.

What's includes?

LSP(Language Server Protocol)
Semantic Key Bindings
Code Syntax
Code Completion
GitHub Copilot
Good looking theme(NeoSolarized)
Auto Session
etc.

Motivation

I love frosted glass effects. I used VS Code for a looong time and I don't know how to use frosted glass effected theme in VS Code, but it is very easy in vim, because I use iTerm2.

Second, since I figure out how to write JavaScript code in vim, then I switch to vim without hesitate. Thanks to LSP. :)

Reach out

My dotfiles configs here 👉 https://github.com/2nthony/dotfiles

Credit

Huge thanks to this repo and this vedio

Vercel-styled TOAST web widget for any website!

2nthony — Mon, 18 Jul 2022 16:24:00 +0000

Few YEARS ago, I created a framework-agnostic toast widget, it is really Vercel flavoured, lite and elegant, plus, it is only ≈1Kb in gzip!

How it looks like you can see the cover gif.

🙌 Til now it has 1k+ downloads in NPM and used by 40+ GitHub repositories, ~~feeling great!~~

I am pretty sure it is useful for any website, and it is dead simple to use:

import 'vercel-toast/css'
import { createToast } from 'vercel-toast'

createToast('The Evil Rabbit jumped over the fence.')

Feel free to reach out the:

Simple doc goes 👉 https://vercel-toast.vercel.app
GitHub repository goes 👉 https://github.com/2nthony/vercel-toast

If this widget helped you and you like it, please give me a ⭐️ 🙌.

Introducing Blogkit - A Unified Blog Engine

2nthony — Sat, 05 Mar 2022 15:41:19 +0000

Blogkit is a unified blog engine. You can reach out on GitHub.

Motivation

Many people blogging on GitHub by using 11ty, Saber, Nextra, and etc. They are all great tools for blogging, with the power of Vercel so we can update our blog by just committing the new markdown file to GitHub.

Sounds nature! But all the tools rely on GitHub ecosystem which means is if we out of our git environment, we can not update our blog.

So I was thinking, “How to blogging on anywhere I want?”. Fortunately, since I notice Sairin - A Blog Engine Based on GitHub Issue ,that is exactly what I want to have.

But I prefer Notion than GitHub Issue, so I made up a new idea based on Sairin, make it extensible.

And now, blogkit - A Unified Blog Engine is here!

Tech Specific

Blogkit has 3 parts: core, request, theme.

core: the built-in logic
request: tell core how to fetch post list and post
theme: the blog looks

With custom request, we can fetch the posts data from any service(Notion, etc.). For example:

// pesudo code
const request = {
  getPostList() {
    const posts = await fetch('/api/getPostList')

    return {
      posts
    }
  },
  getPost(slug) {
    const markdown = await fetch('/api/getPost', {
      query: {
        slug
      }
    })

    return {
      // ...
      id: `my-post`,
      markdown
    }
  }
}

With Next.js Incremental Static Regeneration, our blog will generate static pages once, and update them on demand.

One More

Blogkit is extensible, and we had built-in some useful presets:

Notion request(RSS included)
Yuque request
A minimal theme
Notion starter template (One-click deploy)
Yuque starter template (One-click deploy)

Not the end

We will keep adding new features to Blogkit! Let’s build the ecosystem!