Web Design Resources

A platform for sharing the best design resources, development, applications, articles, UI libraries, tutorials, tools, and software around the web.

Introduction · Features · Local Development · Tech Stack · Reference

Introduction

Web Design Resources is a platform for sharing the best design resources, development, applications, articles, UI libraries, tutorials, tools, and software around the web.

You can visit the website by clicking here.

Features

• User Authentication
• CRUD for resources
• Searching through resources
• Comment
• Profile
• Themes - Light/Dark
• SEO - Google Indexing

Tech Stack

• Next.js – framework
• NextAuth.js – auth
• Typescript – language
• Tailwind CSS – CSS
• MySQL – database
• Prisma – ORM
• tRPC – type-safe framework
• zod – schema validation
• Vercel – deployments

Local Development

To develop locally, you will need to clone this repository, install MySQL, and set up all the env vars outlined in the .env.local.example

Once that's done, you can use the following commands to run the app locally:

npm install
npm run db:init
npm run dev

Reference

• K-Sikora/nextjs-resources