🧩 Create code snippets anywhere (beta). Built with Nextjs & Supabase.

Overview

Codetypes

🧩 Codetypes (beta)

Codetypes is a web application to create code snippets in the cloud, without installation and totally free.

You can run Codetypes locally:

  1. Prepare:
  1. Create .env file with the following content:
NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_ANON_KEY=
  1. Run Codetypes:

Type in your default terminal:

npm install
npm run dev

Open http://localhost:3000 with your browser to see the result.

Enjoy 🎉

🔨 Created with Nextjs:

To learn more about Next.js, take a look at the following resources:

🚀 Deployed on Vercel

Access to Codetypes: codetypes.vercel.app

🔑 License:

MIT

You might also like...

A realtime code-editor and compiler to ease coding interview process

A realtime code-editor and compiler to ease coding interview process. Users can create their rooms and can invite others to their rooms. So, millions can work on a same code at the same time together !

Jan 2, 2023

Browser-based code editor created to edit local or server files online

Browser-based code editor created to edit local or server files online

notIDE Browser-based code editor created to edit local or server files online. Features Autosave while editing Syntax highlight using ace editor Creat

Nov 21, 2022

In-browser code editor (version 5, legacy)

CodeMirror CodeMirror is a versatile text editor implemented in JavaScript for the browser. It is specialized for editing code, and comes with over 10

Jan 5, 2023

Quill is a modern WYSIWYG editor built for compatibility and extensibility.

Note: This branch and README covers the upcoming 2.0 release. View 1.x docs here. Quill Rich Text Editor Quickstart • Documentation • Development • Co

Jan 2, 2023

A simple, beautiful, and embeddable JavaScript Markdown editor. Delightful editing for beginners and experts alike. Features built-in autosaving and spell checking.

A simple, beautiful, and embeddable JavaScript Markdown editor. Delightful editing for beginners and experts alike. Features built-in autosaving and spell checking.

SimpleMDE - Markdown Editor A drop-in JavaScript textarea replacement for writing beautiful and understandable Markdown. The WYSIWYG-esque editor allo

Jan 4, 2023

Notitap - Notion like editor built on top of tiptap.

notitap Notion like editor built on top of Tiptap. Discord - sereneinserenade#4869 A ⭐️ to the repo if you 👍 / ❤️ what I'm doing would be much apprec

Jan 4, 2023

Subscribe to rss feeds from anywhere, receive notifications from anywhere.

Subscribe to rss feeds from anywhere, receive notifications from anywhere.

INK RSS 管理订阅,接收通知 示例网页 · 示例群组 · 报告Bug 介绍 特点 项目背景 TODO 注意事项 部署 额外附赠 使用建议 调查 贡献 作者 协议 介绍 INK RSS 提供及时且多样的 rss 通知服务,借助现有的接口你可以在任意位置订阅,并使用任意方式接收通知,并且所有服务均

Dec 28, 2022

AWS SAM project that adds the snippets from serverlessland.com/snippets as saved queries in CloudWatch Logs Insights

AWS SAM project that adds the snippets from serverlessland.com/snippets as saved queries in CloudWatch Logs Insights

cw-logs-insights-snippets Serverlessland.com/snippets hosts a growing number of community provided snippets. Many of these are useful CloudWatch Logs

Nov 8, 2022

A VS Code extension to practice and improve your typing speed right inside your code editor. Practice with simple words or code snippets.

A VS Code extension to practice and improve your typing speed right inside your code editor. Practice with simple words or code snippets.

Warm Up 🔥 👨‍💻 A VS Code extension to practice and improve your typing speed right inside your code editor. Practice with simple words or code snipp

Dec 12, 2022

Boilerplate for a NextJS and Supabase Project. Including full authentication with sign up, login and password recovery.

NextJS x Supabase Boilerplate Getting Started Environment variables Create the enviroment variables with the following command cp .env.local.dist .env

Jun 13, 2022

Create beautiful code snippets from your VSCode environment.

Create beautiful code snippets from your VSCode environment.

Snippets Photo Shoot Create beautiful code snippets from your VSCode environment. How it works Select the code snippet you want to use, then right cli

Aug 3, 2022

Code Playground is a online application for testing and showcasing user-created and collaborational HTML, CSS and JavaScript code snippets

Code Playground is a online application for testing and showcasing user-created and collaborational HTML, CSS and JavaScript code snippets

Code Playground About Code Playground is a online application for testing and showcasing user-created and collaborational HTML, CSS and JavaScript cod

Dec 17, 2022

Create a Lyra database from anywhere.

🌍 ☄️ ️ Impact Create a Lyra database from anywhere. Installation You can install Lyra using npm, yarn, pnpm: npm i @mateonunez/lyra-impact yarn add @

Dec 19, 2022

jQuery Hotkeys lets you watch for keyboard events anywhere in your code supporting almost any key combination.

jQuery.Hotkeys #About jQuery Hotkeys is a plug-in that lets you easily add and remove handlers for keyboard events anywhere in your code supporting al

Jan 2, 2023

This terminal application aims to help new developers to quickly create ready to play applications, powered by Supabase.

This terminal application aims to help new developers to quickly create ready to play applications, powered by Supabase.

Welcome to Create Supabase App 👁 ⚡️ 👁 Supabase is an open-source Firebase alternative. This terminal application aims to help new developers quickly

Nov 8, 2022

Create folder of snippets to activate them in one click !

Create folder of snippets to activate them in one click !

- FR Obsidian Group Snippet This plugin allow you to set group of CSS snippets to class them and enable them in one click (or command). Also, this pl

Dec 31, 2022

Short JavaScript code snippets for all your development needs

Short JavaScript code snippets for all your development needs

30 seconds of code Short JavaScript code snippets for all your development needs Visit our website to view our snippet collection. Use the Search page

Dec 30, 2022

Short CSS code snippets for all your development needs

Short CSS code snippets for all your development needs

30 seconds of CSS Short CSS code snippets for all your development needs Visit our website to view our snippet collection. Use the Search page to find

Jan 3, 2023

ES2015 [ES6] cheatsheet containing tips, tricks, best practices and code snippets

es6-cheatsheet A cheatsheet containing ES2015 [ES6] tips, tricks, best practices and code snippet examples for your day to day workflow. Contributions

Jan 2, 2023
Owner
Pablo Hdez
Front-End Web Developer👨‍💻. In ❤️ with React.
Pablo Hdez
Export HTML to word (.docx) only by browser (currently in beta) 🎉

editor-to-docx Export rich-text editor content as word file (.docx) by browser ?? . English | 简体中文 Demo online demo Snapshot Architecture This project

han 15 Oct 21, 2022
⚗️ Zeplin extension that generates Swift snippets from colors, fonts, and layers

Zeplin extension that generates Swift snippets from colors, fonts and layers. Features ?? Color pallette for iOS Example import UIKit extension UICol

Artem Novichkov 83 May 29, 2022
Create elegant screenshots of your source code. Built with SolidJS

Create elegant code screenshots of your source code. Introduction CodeImage is the newest tool to help developers to create beautiful screenshots of t

Riccardo Perra 602 Jan 3, 2023
Template to create a new @Grafana application plugin.

Template to create a new Grafana application plugin Introduction The ABC Application is a template to create a new application plugin for Grafana. Req

Volkov Labs 5 Aug 17, 2022
In-browser code editor

CodeMirror CodeMirror is a versatile text editor implemented in JavaScript for the browser. It is specialized for editing code, and comes with over 10

CodeMirror 25.6k Dec 30, 2022
A browser based code editor

Monaco Editor The Monaco Editor is the code editor which powers VS Code, with the features better described here. Please note that this repository con

Microsoft 32.4k Jan 3, 2023
A browser based code editor

Monaco Editor The Monaco Editor is the code editor which powers VS Code, with the features better described here. Please note that this repository con

Microsoft 24.6k May 17, 2021
A editor with the main features created using Remirror and with a special code block

A editor with the main features created using Remirror and with a special code block

Brenda Profiro 26 Sep 20, 2022
Example VS Code plugin that uses embedded Omega Edit bindings to generate content

Ωedit Edit for VS Code Example VS Code plugin that uses embedded Omega Edit bindings to generate content. Build Requirements Bindings compiled against

Concurrent Technologies Corporation (CTC) 2 Nov 17, 2022
lightweight (~5kb) code editor custom element with syntax highlighting

code-edit lightweight (~5kb) code editor custom element with syntax highlighting ?? Install · ?? Example · ?? API docs · ?? Releases · ???? Contribute

stagas 5 Apr 14, 2022