Loading Project Media
Next.js
Full-stack in one framework
Secure
Password-protected access
Fast
Edge-ready redirects
(Overview)
Aself-containedNext.jsappthattransformslongURLsintoshort,shareablelinks—withoptionalpasswordprotectionsosensitivedestinationsstayprivate.Noseparatebackendneeded;theAppRouterhandleseverythingend-to-end.
(The Challenge)
BuildingthefullstackwithinasingleNext.jsprojectmeantrouting,APIlogic,databasecalls,andUIallhadtocoexistcleanly.Password-basedauthorizationneededtobeairtightwithoutexposingthedestinationURLinpagesourceorAPIresponsesbeforeverification.
(The Solution)
Next.jsAppRouterServerActionshandleURLcreationandpasswordverificationserver-side,neverleakingthedestinationtotheclientuntilauthpasses.Shortcodesaregenerateddeterministically,storedinPostgreSQLviaPrisma,andredirectlogicrunsattheedgeforfasthops.
- 01
BuilttheentireapplicationusingNext.jsAppRouter,handlingbothfrontendUIandbackendAPIlogicwithinasinglecodebase.
- 02
ImplementedURLcreation,short-codegeneration,andURLmanagementfeatureswithfullCRUDoperations.
- 03
Designedandimplementedpassword-basedauthorizationtorestrictaccesstoprotectedshortenedURLs,ensuringthedestinationisneverexposedbeforeverification.
- 04
ModelledandqueriedthedatabaseusingPrismaORMconnectedtoPostgreSQL.
- 05
Builtaresponsivemanagementdashboardforviewing,editing,anddeletingshortenedURLs.
Built with
Next.jsTypeScriptPrismaPostgreSQLTailwind CSS
Haveaprojectinmind?
sulemanahmed2704@gmail.com