Live demo: l.ekrzeptowski.pl
Libraries used:
- NextAuth.js - authentication for Next.js
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
Teeny
Teeny is a modern link shortener based on Next.js
Demo: https://teeny.ovh/
Getting Started
1. Download the code of this repository by cloning it:
git clone https://github.com/ekrzeptowski/teeny.git
2. Then navigate to directory of the cloned repository and install required dependencies:
cd teeny
npm install
# or
yarn install
3. Configure environmental variables:
- DATABASE_URL: Postgres database connection URL (https://www.prisma.io/docs/concepts/database-connectors/postgresql)
- NEXTAUTH_URL: URL of the app
- NEXT_PUBLIC_ORIGIN: URL of the app
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
Top comments (3)
Cool! I‘ve been wanting to learn Prisma, thanks for the source code. How do you like Prisma compared to other ORMs?
I am like kinda more to firestore...
We have to much link shortener