V
主页
使用 Nuxt 3、TailwindCSS 和 Prisma 构建和部署全栈社交媒体应用程序#完整课程
发布人
YT 我们将制作一个社交媒体应用程序(Twitter 克隆版),只需观看本课程,您就能学会如何使用 Nuxt 3、Tailwind CSS 和 Prisma 创建最好、最现代的应用程序。 我们的社交媒体应用程序包括使用 JWT 从零开始创建 Auth、创建帖子、使用 cloudinary 上传图片、嵌套帖子、搜索功能、帖子详情页、使用 Tailwind css 进行响应式设计等等。 视频地址:https://www.youtube.com/watch?v=_cM4j9_LfQk 附件地址:https://gist.github.com/hassnian/a8ef7f243dcc933887b31af77e73df29 源代码地址:https://github.com/insidewebdev/twitter-clone 章节信息: 00:00 - Intro 02:00 - Freebie 02:22 - Demo 05:41 - Installing Nuxt 3 06:56 - Installing TailwindCSS 08:16 - App overview and starting left sidebar 45:52 - Starting right sidebar 01:14:57 - Creating main section 01:30:00 - Prisma setup and starting with auth and nitro server 02:02:54 - Creating auth page and implementing refresh tokens 02:55:10 - Adding tweet model and tweet creation logic 03:15:12 - Adding tweet form 03:48:27 - Starting with tweet list feed logic 04:23:56 - Starting tweet item component and tailwind classes issue 04:55:34 - Backend get tweet endpoint 05:06:01 - Starting tweet details page 05:35:28 - Creating tweet modal component 06:04:27 - Creating tweet search page 06:24:51 - Adding logout functionality and fixing auth form 06:40:28 - Deployment
打开封面
下载高清视频
观看高清视频
视频下载器
Nuxt+Vue+Tailwind+Vuetify自适应官网
CSS - 花里胡哨 - (附源码)纯CSS实现的悬停3D视差效果
CSS - 无需 JavaScript,只需 CSS 即可实现无限滚动的跑马灯
React Native - 使用TailwindCss实现苹果应用商店界面
React - 使用 Next JS 14、Tailwind CSS 和 Framer Motion 构建并部署作品集网站
1K ⭐️ 达成!谢谢大家对 Vue Mini 的厚爱,期待下一个 1K ⭐️ 🤗
Flutter - 使用 Rive 和 Flutter 构建动画应用程序 1/3
CSS - 2D图片转换成3D效果就是这么简单
项目实战 - 手撕响应式汉堡网站
中国移动app实际上是网页,破案啦
CSS - 神奇的CSS
CSS - (附源码)纯CSS实现的超炫的银行卡
昼夜切换的CSS动画背景
CSS - (附源码)使用HTML,CSS和Jsavscript一步一步实现Youtube首页
CSS - 花里胡哨 - @property属性应用示例
01 - Threads - 项目设置
CSS - 支持鼠标滚轮的无限循环的图片轮播图
CSS - 当vh发飙不起作用时,可以试试这些
使用 CSS 和 Javascript 实现的可移动元素
使用Javascript实现类似B站手机端电磁力图片轮播图
React Native - 金融应用程序 UI 与 Expo 路由器初学者教程 | 2024
CSS - 如何使用CSS中的:has()和:not()
前端做十年了,没见过这么丝滑流畅的过渡动画。探索 View Transitions API 的魅力。
使用Nuxt3/Vue3的SSR方案制作的个人开发者网站开源项目 Nano-Portfolio
CSS - (附源码)视差呈现的3D卡片
CSS - “魔法森林” - GASP实现的垂直视差效果的网页
CSS - 将花里胡哨进行到底(附源码) - 鼠标悬停图片切换特效
CSS - (付源码)图标Hover特效 | 通过改变inset的大小实现动画效果
CSS - (源码见视频)仅用一个Div实现的超简单加载动画
CSS - (附代码)堆叠式带自动播放功能的图片轮播图
CSS - (附源码)使用inset阴影实现的按钮Hover效果
【开源】使用Nuxt(Vue) + GO 开发一个弹幕网站
CSS - 物体掉落动画背景
按钮特效
雷雨交加动画效果的
CSS - (附源码)CSS和Javascript实现的动画登录注册窗口
CSS - (附源码)你造吗?在指定范围内显示动画现在是要两行。可以和JS说Bye Bye了
你必须知道23种CSS特效
CSS - 使用@container查询的 "智能 "设计模式
用 HTML、CSS 和 JavaScript 构建类似 YouTube 的网站