✨ 1.3.0 RC — Coming soon ⭐ Next.js 15 eCommerce Template ▲ i18n Stripe Shadcn Tailwind Drizzle Zod tRPC TypeScript Clerk Radix UI, Responsive React 18 19 Server Components, Postgres Neon TS ORM, Intl App Router Docs User Actions Kit, SaaS Commerce eCommerce Shop Pricing Payments Dar...
Add a description, image, and links to the nextjs-tailwind topic page so that developers can more easily learn about it. Curate this topic Add this topic to your repo To associate your repository with the nextjs-tailwind topic, visit your repo's landing page and select "manage topics...
距离上次更新已经过去好久了,之前我在 StarBlog 博客2023年底更新一览的文章里说要使用 Next.js 来重构博客前端,最近也确实用 next.js 做了两个小项目,一个是单点认证项目,另一个是网站的新主页,都还处于开发中,本文记录一下 next.js 使用过程遇到的一些问题和感受。 对了,还有标题里提到的tailwind,我去年开发...
jsx后缀的尽量就不要写成js后缀,除非js里面没有组件,html标签 在jsx中使用className='flex’这样方便,我测试以后发现class=‘flex’, className={‘flex’}也是生效的 w,h可以直接写几分之几 ctrl+i 手动唤出tailwind的提示 发现tailwindcss布局flex布局对熟练程序要求很高 线上地址:https://imitate-github.vercel....
Github:github.com/lukeed/clsx tailwind-merge tailwind-merge 是一个TailwindCSS的类名合并工具,可以智能地合并重复和冲突的类名。 Github:github.com/dcastil/tail Headless 组件库 shadcn/ui shadcn/ui 是一个基于shadcn的Headless UI组件库,旨在提供高度可定制化和无样式的UI组件。 文档:ui.shadcn.com/ Head...
3、jwt 模式: just-in-time 模式,可以写出在原子类之外的样式,比如:w-[762px]表示width:762px,grid-cols-[1fr,700px,2fr]表示grid-template-columns: 1fr 700px 2fr;当然还有h-[calc(1000px-4rem)]等等,这些都是运行时才生成的样式;配合在tailwind.config.js中加入purge: ['./src/**/*.{js,ts,js...
大神dan的博客相信大家都看过,博客质量那是不用多说,懂的都懂。 说到博客样式,我比较喜欢这种简约风。其中博客中还支持组件交互效果。 所以我决定用 Nextjs + tailwindcss 实现一模一样的博客学习下。 效果预览:点我看效果 技术选型: Nextjs tailwindcss ...
jsconfig.json next.config.js package-lock.json package.json postcss.config.js tailwind.config.js Prologue Blog Next.js 14 + Tailwindcss + Contentlayer + Markdown Blog 这是一个由Next.js生态拼凑而生的博客(笔者没有任何技术)。 Features
所以,这次的重写选择的是Next.js与tailwindcss技术,这两个技术都是现在前端比较有特色及非常流行的框架。 二) 首先聊下Next.js这个框架吧。 在前端,有两个框架一定为大家所熟知,就是React与Vue。现在前端开发主流都是这两个,区别无非是有些人喜欢React,有些人喜欢Vue而已。
https://github.com/onesine/react-tailwindcss-datepicker-doc Thanks to Vue Tailwind Datepicker React Tailwind CSS dayjs I thank you in advance for your contribution to this project. License MITLicensed. Copyright (c) Lewhe Onesine 2022.