Build a dictionary web app with next.js, tailwindcss and typescript
Автор: keen coding
Загружено: 2026-01-01
Просмотров: 214
#nextjstutorial #nextjs #typescript #webapp #tailwindcss #reactjs #reactjstutorial #reactjsdevelopment #reactjswebsite
In this video, we will build a fully functional Dictionary Web App from scratch using Next.js.
You’ll learn how to fetch and display real-time word data, meanings, phonetics, examples, and sources using a public API.
We’ll focus on clean UI design, component structure, and best practices in Next.js, making this project perfect for beginners and intermediate frontend developers.
By the end of this video, you’ll have a complete dictionary application that you can add to your portfolio.
Thanks for watching don’t forget to like, share, and subscribe for projects!
🔗 Resources used in the video
API: https://dictionaryapi.dev/
Next Themes: https://www.npmjs.com/package/next-th...
Axios: https://www.npmjs.com/package/axios
Lucide react: https://www.npmjs.com/package/lucide-...
=== DOWNLOAD SOURCE CODE 👇 ===
Get Source Code: https://buymeacoffee.com/keencoding/e...
=== DOWNLOAD ASSETS 👇 ===
Starter folder: https://github.com/KeenCoding12/nextj...
Github Gist: https://gist.github.com/KeenCoding12/...
⏳ Timestamps
🎵 Royalty-Free Music Used
All tracks are free to use:
Make a Stand – Filo Starquez
Pink Clouds – Epic Spectrum
Daydreams – Pufino
Universal – Moavii
Northern Lights – Avanti
Just a Dream – Filo Starquez
Joyful Boredom – Avanti
Sky Clearing – Epic Spectrum
Mindwave – Avanti
🔗 Source: https://freetouse.com/music
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке: