Snippets

What is Snippets?

• Platform aimed at helping developers speed up their workflow through code snippets

Introduction

I created a platform aimed at helping developers, particularly new and incoming developers, speed up their workflow by allowing them to search for reusable code blocks that can easily be copied and added to their existing codebase. It would also act as a second brain for developers to dump all the code that they frequently reuse for future reference.

One of the best ways to improve your skills is to gain the habit of reading through other peoples code while writing code that others can learn new coding techniques and styles from.

Key Features

• Authentication
  • Login
  • Sign Up
• Browse through a list of code snippets
• Copy individual code snippets to be reused in your application
• Create Code snippets
• Toggle between your snippets and those created by others
• Logout functionality

Technologies 🔧

• Next.js(React)
• React Query
• Postgres
• Prism Renderer
• Chakra UI
• React Hook Form
• Next Connect
• Vercel

Installation 💾

git clone https://github.com/KelechiOdom10/next-js-snippets.git

Fill your .env variables:

USERNAME=
HOST=
PASSWORD=
DATABASE_NAME=
DB_PORT
DATABASE_URL="postgresql://<USERNAME>:<PASSWORD>@<HOST>:<DB_PORT>/<DATABASE_NAME>?schema=public&sslmode=prefer"

SECRET=
BASE_URL='http://localhost:3000'

NEXT_DOMAIN=
VERCEL_URL=

Install deps:

pnpm install

Run Next dev server:

pnpm run dev

Contributing

This is an open source project, and contributions of any kind are welcome and appreciated. Open issues, bugs, and feature requests are all listed on the issues tab and labeled accordingly. Feel free to open bug tickets and make feature requests.