Story Transcript
我的套件蒐藏[未精準整理版]
Javascript / Typescript 通用 1. 輪播( carousel )
• Flicking
Everyday 30 million people experience. It's reliable, flexible and extendable carousel. Flicking · Everyday 30 million people experience. It's reliable, flexible and extendable carousel. https://naver.github.io/egjs-flicking/
• Swiper
The Most Modern Mobile Touch Slider Or Carousel Swiper - The Most Modern Mobile Touch Slider The Most Modern Mobile Touch Slider https://swiperjs.com/
• Swiper Types https://swiperjs.com/types/
1. MAP ( 地圖 )
• Mapbox
Maps and location for developers.
Precise location data and powerful developer tools to change the way we navigate the world.
Maps, geocoding, and navigation APIs & SDKs | Mapbox Integrate custom live maps, location search, and turn-by-turn navigation into any mobile or web app with Mapbox APIs & SDKs. Get started for free. https://www.mapbox.com/
VUE 1. VUE(通用)
• PortalVue
A Vue component to render your component's template anywhere in the DOM. Usage example | Portal-Vue A Vue component to render your component's template anywhere in the DOM. https://portal-vue.linusb.org/
1. NUXT
• CONTENT
@nuxt/content Nuxt Content reads the content/ directory in your project, parses .md , .yml , .csv and .json files to create a powerful data layer for your application. Use Vue components in Markdown with the MDC syntax.
Content made easy for Vue developers · Nuxt Content The file-based CMS for your Nuxt application, powered by Markdown and Vue components. https://content.nuxtjs.org/
• FETCH DATA
swrv swrv A Vue library for data fetching.
With swrv, components will get a stream of data updates constantly and automatically. The UI will always be fast and reactive.
swrv | swrv swrv https://docs-swrv.netlify.app/
1. JAMSTACK
• Gridsome
A Jamstack framework for Vue.js Gridsome makes it easy for developers to build static generated websites & apps that are fast by default 🚀
Modern Site Generator for Vue.js - Gridsome Gridsome is a free & open source Vue.js-powered framework for building websites & apps that are fast by default 🚀. https://gridsome.org/
REACT 1. NEXT • BILTZ.JS
The Missing Fullstack Toolkit for Next.js Blitz picks up where Next.js leaves off, providing battle-tested libraries and conventions for shipping and scaling world wide applications.
Blitz.js - The Missing Fullstack Toolkit for Next.js Blitz picks up where Next.js leaves off, providing battle-tested libraries and conventions for shipping and scaling world wide applications. https://blitzjs.com/
SERVELESS
Prisma Next-generation Node.js and TypeScript ORM.
Prisma unlocks a new level of developer experience when working with databases thanks to its intuitive data model, automated migrations, type-safety & auto-completion.
Prisma | Next-generation ORM for Node.js & TypeScript Prisma is a next-generation Node.js and TypeScript ORM for PostgreSQL, MySQL, SQL Server, SQLite, MongoDB, and CockroachDB. It provides type-safety, automat… https://www.prisma.io/
Netlify Netlify: Develop & deploy the best web experiences in record time A powerful serverless platform with an intuitive git-based workflow. Automated deployments, shareable previews, and much more. Get started for free! https://www.netlify.com/
DATEBASE • FIREBASE
supabase Supabase is an open source Firebase alternative. Start your project with a Postgres database, Authentication, instant APIs, Edge Functions, Realtime subscriptions, and Storage.
The Open Source Firebase Alternative | Supabase The Open Source Alternative to Firebase. https://supabase.com/
CMS • HEADLESS CMS
Netlify Cms Open source content management for your Git workflow.
Use Netlify CMS with any static site generator for a faster and more flexible web project.
Netlify CMS | Open-Source Content Management System Open source content management for your Git workflow https://www.netlifycms.org/
REGEX • REGEX101
regex101: build, test, and debug regex regex101: build, test, and debug regex Regular expression tester with syntax highlighting, explanation, cheat sheet for PHP/PCRE, Python, GO, JavaScript, Java, C#/.NET. https://regex101.com/
• REGEXR
RegExr: Learn, Build, & Test RegEx regexr.com https://regexr.com/
CODE SNIPPET • COPILOT
GitHub Copilot · Your AI pair programmer GitHub Copilot uses the OpenAI Codex to suggest code and entire functions in real-time, right from your editor. Start my free trial Explore docs.
GitHub Copilot · Your AI pair programmer GitHub Copilot works alongside you directly in your editor, suggesting whole lines or entire functions for you. https://github.com/features/copilot