DEV Community

Cover image for ⭐5 Beginner Project with "Nextjs + Shadcn = 🔥"
TAQUI ⭐
TAQUI ⭐

Posted on

3 3 3 2 3

⭐5 Beginner Project with "Nextjs + Shadcn = 🔥"

Hello everyone, this is Md Taqui Imam here!

I wanted to share some really cool projects that use Next.js and Shadcn UI. Next.js and Shadcn UI are awesome tools for building websites and apps.

These👇 5 projects are perfect for beginners to check out.


1. Portfolio ✨

portfolio

Star it in Github⭐

A portfolio website shows off all your cool projects and skills to employers. It was made using Next.js and Shadcn UI. It has pages for an about section, projects they worked on, a contact form, and a blog. I really like how clean and simple it looks. The navbar is responsive too so it looks good on mobile.


2. skateshop

skateshop

Star it in Github⭐

Nextup is e-commerce platform by sadmann7. This Project is made with Nextjs, shadcn and Typescript, its site performance is awesome. Sadman really pushes himself to learn hard technologies. His projects are very advanced but you can learn a lot just by looking at the code.


3. itZmyLink

itzmylink

Star it in Github⭐

The third project is itZmyLink. This one is super handy, this app is basically a tool where you can make a shareable single page where you can give all you important and social links. They used Next.js, Shadcn UI, Typescript and deploy it with Vercel.


4. Taxonomy

Taxonomy

Star it in Github⭐

Next up is the Shadcn UI taxonomy app. Shadcn UI is a component library for Next.js made by the company Shadcn. The taxonomy app is a site they built to demo Shadcn UI. It allows you to browse plants and animals in a catalog.

As a beginner, it's cool to see what other people build using the same tools as you.


5. Modifio

Modifio

Star it in Github⭐

This is the Last one Modifio – the ultimate online tool for unlimited and free multimedia conversion. Transform images, audio, and videos effortlessly, without restrictions. Start converting now and elevate your content like never before!


End 👋

Thanks for learning with me today! Feel free to share any other questions you have. I'll do my best to explain clearly. Wishing you the best as you work on your next web project. Until next time!

Don't forget to Drop "🦄🔥💖" and Share it .

Follow me in Github✅

Happy Coding 😊

SurveyJS custom survey software

Simplify data collection in your JS app with a fully integrated form management platform. Includes support for custom question types, skip logic, integrated CCS editor, PDF export, real-time analytics & more. Integrates with any backend system, giving you full control over your data and no user limits.

Learn more

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay