GitHub is where people build software. More than 150 million people use GitHub to discover, fork, and contribute to over 420 million projects.
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...
Tailwind CSS 教程:https://www.runoob.com/tailwindcss/tailwindcss-tutorial.html Tailwind CSS 官网:https://tailwindcss.com/ Github 地址:https://github.com/tailwindlabs/tailwindcss Tailwind CSS 是一个功能强大的 CSS 框架,它通过实用工具优先的方法使得样式编写更加简洁和模块化。与传统的基于类的 CSS 框...
jsx后缀的尽量就不要写成js后缀,除非js里面没有组件,html标签 在jsx中使用className='flex’这样方便,我测试以后发现class=‘flex’, className={‘flex’}也是生效的 w,h可以直接写几分之几 ctrl+i 手动唤出tailwind的提示 发现tailwindcss布局flex布局对熟练程序要求很高 线上地址: imitate-github.vercel.app 0...
Ant Design - 著名国产 React 组件库,Github 上的 star 数量不输下面的 MUI Material UI - 著名 React 组件库 NextUI - 基于 tailwind ,专为 Next.js 设计的 Daisy - 基于 tailwind 的普通组件库 图标库# 本来想直接上 FontAwesome 但发现有点折腾,前期以自行引入各类图标为主,同时做了一些封装;后期开始使...
Ant Design - 著名国产 React 组件库,Github 上的 star 数量不输下面的 MUI Material UI - 著名 React 组件库 NextUI - 基于 tailwind ,专为 Next.js 设计的 Daisy - 基于 tailwind 的普通组件库 图标库 本来想直接上 FontAwesome 但发现有点折腾,前期以自行引入各类图标为主,同时做了一些封装;后期开始使用...
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...
使用Yarn 创建一个 Next.js 应用程序,并启用 Tailwind CSS: yarn create next-app . --tailwind 使用Yarn 创建一个 Next.js 应用程序,并启用 Tailwind CSS、TypeScript 和 ESLint: yarn create next-app . --tailwind --typescript --eslint ## 加入Shadcn ...
Next.js 14 + Tailwindcss + Contentlayer + Markdown Blog 这是一个由Next.js生态拼凑而生的博客(笔者没有任何技术)。 Features Content Focused, Contentlayer +MD/MDX Adaptive dark mode Full SEO, Opengraph + JSON-LD + RSS Lightweight search engine, powered by Fuse.js 专注于内容创作,支持...
我又抽时间优化了下用户体验,又发现SPA应用又不利于SEO优化,正好这阶段自己又有学习Next.js14的想法,正好可以以此参考进行重构学习。 🪴 项目信息 😝项目预览:今日热榜 🎯技术栈:React、Next.js、Tailwindcss、NextUI 🚀github 仓库地址:next-daily-hot ...