Build a Full Stack Website using NextJS, Appwrite, Tailwind CSS, Shadcn and FormikJS

Опубликовано: 23 Март 2026
на канале: Yatharth Verma

13,620

497

Hi all,

In this video, we are creating a full stack project using nextjs, appwrite, tailwind css for styling, formikjs for forms, shadcn ui components and lucide for icons.

I am creating this project from scratch. Its a design website and similar to Dribble and I have recorded almost each step so that you can learn each step in detail.

Whole code is pushed to github repository as well. Do checkout.

For backend i am using Appwrite.
Appwrite is a backend platform for developing Web, Mobile, and Flutter applications. Built with the open source community and optimized for developer experience in the coding languages you love.

Checkout following links to know more about these technologies i have used in this project:

👉 Figma Designs: https://www.figma.com/file/Ycim6SFXDR...

👉 Appwrite: https://appwrite.io/

👉 Appwrite Docs: https://appwrite.io/docs

👉 NextJS: https://nextjs.org/docs

👉 FormikJS Docs: https://formik.org/docs/examples/basic

👉 Tailwind CSS Docs: https://tailwindcss.com/docs

👉 Shadcn Docs: https://ui.shadcn.com/docs

👉 Lucide dev icons: https://lucide.dev/

👉 Github Repository: https://github.com/yatharth1706/desig...

For any queries mail at:
👉 Email: [email protected]

#nextjs13 #tailwindcss #appwrite