I built a link shortener app with NextJS

Live demo: l.ekrzeptowski.pl

Libraries used:

• NextAuth.js - authentication for Next.js

• Prisma 2 - Next-generation ORM for Node.js and TypeScript

• React query - used for fetching data and state management
  

• React Hook Form - used for URL input state management and validation
  

• Tailwind CSS - A CSS framework used for styling

---

I'd love to hear your feedback about this app. You can also introduce your ideas to this project by contributing to it.

Here's a link for the GitHub repo:

ekrzeptowski / surl

A modern link shortener

ShortURL

ShortURL is a modern link shortener based on Next.js

Demo: http://l.jkrzeptowski.pl/

Getting Started

1. Download the code of this repository by cloning it:

git clone https://github.com/saj96n/surl.git

2. Then navigate to directory of the cloned repository and install required dependencies:

cd surl

npm install
# or
yarn install

3. Configure environmental variables:

• DATABASE_URL: MySQL database connection URL (https://www.prisma.io/docs/concepts/database-connectors/mysql/#connection-details)
• NEXTAUTH_URL: URL of the app
• NEXT_PUBLIC_ORIGIN: URL of the app
• NEXT_PUBLIC_MATOMO_URL: URL of the Matomo instance (optional)
• NEXT_PUBLIC_MATOMO_SITE_ID: Matomo site id (optional)

4. Configure authentication providers according to:

https://next-auth.js.org/configuration/providers

5. Finally run the app in dev environment or in production:

npm run dev
# or
npm run build
npm start

View on GitHub

Comments

[Theodorus Clarence]

Cool! I‘ve been wanting to learn Prisma, thanks for the source code. How do you like Prisma compared to other ORMs?

[GNVageesh]

I am like kinda more to firestore...

[Larson]

We have to much link shortener