next-blog:这是一个演示如何在NextJS中实现或将TailwindCSS与React集成资源-CSDN文库

共16个文件

js：8个

json：2个

css：2个

JavaScript

需积分: 8 171 浏览量 2021-05-04 01:21:01 上传评论收藏 36KB ZIP 举报

资源推荐

资源详情

资源评论

tailwind-nextjs-starter-blog:这是Next.js，Tailwind CSS博客入门模板。开箱即用的最新技术配置使技术写作变得轻而易举。易于配置和自定义。完美替代现有的Jekyll和Hugo个人博客

我想将现有博客移植到Nextjs和Tailwind CSS，但是没有易于使用的现成模板，因此我决定创建一个。它的灵感来自（，但仅关注静态网站的生成。设计改编自。我希望它具有与流行的博客模板（如和同时具有React的...

nextjs-skeleton：具有TailwindCSS和Linters的完整NextJS骨架

:skull: NextJS骨架使用以下内容启动您的NextJS应用 :skull: NextJS骨架 :stuffed_flatbread: 洋溢着： pre-commit钩用于 :yarn: 纱线命令： ... 在Vscode设置中禁用CSS，Sass和Less验证为Tai

react-next-template:我的项目的 ReactJS 和 NextJS 前端模板，也许你也可以使用它！

React下一个模板我的项目的 ReactJS 和 NextJS 前端模板，也许你也可以使用它！演示： : 用于我未来项目的精美 NextJS 模板。随意将它用于您想要的任何项目！使用步骤使用此模板分叉存储库或创建新存储库在...

nextjs-mdx-example:Nextjs，Tailwindcss，Mdx示例

在`nextjs-mdx-example`项目中，你可以看到这些组件和技术是如何协同工作的，通过查看源代码，可以学习到如何在实际项目中有效地集成Next.js、Tailwind CSS和MDX，从而创建出高性能、易维护且具有出色用户体验的Web...

nextjs-starter:安装了Tailwind和PurgeCSS的NextJS入门

在这个“nextjs-starter”项目中，结合了 Tailwind CSS 和 PurgeCSS，这俩是前端开发中的两个重要工具。 1. **Tailwind CSS**：Tailwind 是一个实用的、低层次的 CSS 工具库，它允许开发者快速创建自定义样式，而...

next-i18next：翻译NextJs应用程序的最简单方法

next-i18next是项目的一个插件，它使您可以快速轻松地启动并运行翻译，同时完全支持SSR，带代码分割的多个等。尽管next-i18next在next-i18next使用了和，但next-i18next用户只需要将其翻译内容作为JSON文件包括...

material-tailwind:@ material-tailwind是用于Tailwind CSS和Material Design的易于使用的组件库。它具有多个React组件，全部使用Tailwind CSS类和Material Design指南编写。即将推出VueJS，Angular等更多组件。将此存储库添加到您的监视列表中以获取最新新闻，或加入我们的新闻通讯社区

它具有多个React组件，全部使用Tailwind CSS类和Material Design指南编写。即将推出VueJS，Angular等更多组件。将此存储库添加到您的监视列表中以获取最新新闻，或加入我们的新闻通讯社区： : 。目录成分快速...

react-native-tailwindcss：基于TailwindCSS的react-native样式系统

react-native-tailwindcss 基于React式样式系统轻松应用样式以的方式React本地组件。实用程序类将转换为有效的对象名称，并且都是对象的所有子代（ t ， tw ， theme或tailwind ）。 import { t } from ' react-...

react-tailwind-starter：React和Tailwind CSS入门套件

在压缩包文件名列表中提到的 `react-tailwind-starter-master` 暗示这是一个源码仓库的克隆或下载版本，通常包含项目的根目录结构。当你解压后，可以找到如`package.json`、`.gitignore`、`craco.config.js`等文件，...

tailWindcss 官方网站模版

**TailWindCSS官方模板详解*...无论你是要创建一个代码展示平台、引人注目的首页、专业的演示文稿，还是个人的笔记系统，这些模板都能为你提供有力的支持，并且通过Next.js和React的集成，确保了项目的可扩展性和性能。

前端项目-tailwindcss.zip

通过探索这个项目，开发者可以掌握如何自定义框架、创建响应式设计以及与其他前端技术（如 React 或 Vue）集成。无论是新手还是经验丰富的开发者，Tailwind CSS 都能提供一种全新的方式来快速构建和迭代 UI 设计。

React-Toast:TailwindCSS保留了React +下的自定义推送通知（Toast）实现

这是自定义的Toast组件，由react hooks和React Context API实现，并使用tailwindCSS框架隐藏。随时通过实现启发：)这是我用于项目的UI库的修整。该组件允许将通知推送到用户屏幕，并在设置时间或默认时间后自动将...

next-three-fiber-fiber：使用react-three-fiber-fiber，next.js和tailwindcss渲染事物

在本项目中，“next-three-fiber-fiber”是一个结合了React Three Fiber、Next.js和TailwindCSS技术的3D图形渲染应用。这个项目的核心在于利用这些先进的前端技术，为用户提供一个交互式的3D视觉体验。下面我们将...

cra-template-tailwindcss-starter:用于创建已配置了tailwindcss的React项目的模板

这是一个create-react-app模板，用于创建已配置了tailwindcss的react项目。用法要使用此模板，应在终端机/ cmd中运行以下命令。 npx create-react-app your-app-name --template tailwindcss-starter # or yarn ...

精美UI组件：这个项目使用Radix UI和Tailwind CSS构建了一套设计精美的组件它为开发者提供了一套易于使用的UI

在这个名为"ui-main"的项目中，我们可以推测包含了一系列已经使用Radix UI和Tailwind CSS编写的组件。这些组件可能包含了常见的UI元素，如导航条、卡片、表格、按钮等，而且每个组件都经过精心设计，以确保美观且...

nextjs-tailwind-storybook-starter:Nextjs，Tailwind CSS，带有Twin.Macro的Storybook入门模板

Nextjs，Tailwind CSS，Storybook入门模板使用以下技术的Storybook入门模板： Nextjs， Tailwind CSS， ...尝试这两个命令，如果您想要一个空的设置，则可以省略第一个由于破坏了依赖关系，不得不使

cra-to-next:将Create React App迁移到NextJS

该项目是通过和带有引导的。动机关于如何更轻松地逐步将Create React ... 在的帮助下，我们将NextJS的/ next-js文件夹别名为Create React App。因此，我们可以在从一个组件迁移到另一个组件的同时重用相同的组件。用

收起资源包目录

next-blog-main.zip （16个子文件）

next-blog-main

pages

_app.js 137B

api

hello.js 157B

index.js 745B

postcss.config.js 82B

public

favicon.ico 15KB

vercel.svg 1KB

styles

globals.css 335B

Home.module.css 2KB

tailwind.config.js 160B

components

HeroSection.js 744B

Card.js 620B

Footer.js 2KB

README.md 402B

.gitignore 386B

package-lock.json 93KB

package.json 373B

评论收藏

内容反馈

谢平凡

粉丝: 19
资源: 4597

next-blog:这是一个演示如何在NextJS中实现或将TailwindCSS与React集成

nextjs-tailwind:带tailwindcss项目的nextjs框架

blog:我的个人博客。 用NextJs，TailwindCss和Faith制作

portfolio:使用React，Next.js，Tailwind CSS和Vercel构建的产品组合

nextjs-template:这是Next.js项目中带有Tailwind CSS的模板存储库

recaptch-with-next:一个演示如何将reCAPTCHA与NextJS集成的演示

nextjs-tailwindcss:nextjs + tailwindcss模板

next-intl:用于将react-intl与Next.js集成的库

TailwindCSS一个实用第一的CSS框架用于快速构建自定义UI

next-mf-blogpost:用于为博客文章演示NextJS和Module Federation的存储库

react-three-next:React三纤，Nextjs，Tailwind启动器

tailwindcss-react-admin-dashboard:使用tailwindcss构建的React管理仪表板

tailwind-rn:React在React Native项目中使用Tailwind CSS

tailwindcss-demo:TailwindCSS演示HTML仅

tailwind-nextjs-starter-blog:这是Next.js，Tailwind CSS博客入门模板。 开箱即用的最新技术配置使技术写作变得轻而易举。 易于配置和自定义。 完美替代现有的Jekyll和Hugo个人博客