Andre_Menezes_JAMStackAlura:Repositóriode trabalhos前端-源码

上传者: 42116672 | 上传时间: 2021-03-17 11:09:16 | 文件大小: 2.31MB | 文件类型: ZIP
带有样式组件的示例应用 此示例介绍了如何使用与样式不同的样式解决方案,也支持通用样式。 这意味着我们可以为HTML中的第一个渲染提供所需的样式,然后将其余样式加载到客户端中。 在这种情况下,我们使用 。 为此,我们扩展了并将服务器端渲染的样式注入到<head> ,并且还添加了babel-plugin-styled-components (这是服务器端渲染所必需的)。 另外,我们使用NextJS自定义组件为样式组件设置了全局。 自己部署 使用部署示例: 如何使用 使用或执行以引导示例: npx create-next-app --example with-styled-components with-styled-components-app # or yarn create next-app --example with-styled-components wi

文件下载

资源详情

[{"title":"( 44 个子文件 2.31MB ) Andre_Menezes_JAMStackAlura:Repositóriode trabalhos前端-源码","children":[{"title":"Andre_Menezes_JAMStackAlura-master","children":[{"title":".babelrc <span style='color:#111;'> 87B </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 899B </span>","children":null,"spread":false},{"title":".github","children":[{"title":"workflows","children":[{"title":"main.yml <span style='color:#111;'> 1.11KB </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"package-lock.json <span style='color:#111;'> 81.35KB </span>","children":null,"spread":false},{"title":"src","children":[{"title":"components","children":[{"title":"text","children":[{"title":"subtitle","children":[{"title":"index.js <span style='color:#111;'> 323B </span>","children":null,"spread":false}],"spread":true},{"title":"title","children":[{"title":"index.js <span style='color:#111;'> 285B </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"form","children":[{"title":"loading","children":[{"title":"index.js <span style='color:#111;'> 542B </span>","children":null,"spread":false}],"spread":true},{"title":"input","children":[{"title":"index.js <span style='color:#111;'> 1.37KB </span>","children":null,"spread":false}],"spread":true},{"title":"index.js <span style='color:#111;'> 3.77KB </span>","children":null,"spread":false},{"title":"error","children":[{"title":"index.js <span style='color:#111;'> 526B </span>","children":null,"spread":false}],"spread":true},{"title":"label","children":[{"title":"index.js <span style='color:#111;'> 0B </span>","children":null,"spread":false}],"spread":true},{"title":"formGroup","children":[{"title":"index.js <span style='color:#111;'> 742B </span>","children":null,"spread":false}],"spread":false},{"title":"success","children":[{"title":"index.js <span style='color:#111;'> 542B </span>","children":null,"spread":false}],"spread":false}],"spread":true},{"title":"animations","children":[{"title":"success.json <span style='color:#111;'> 20.70KB </span>","children":null,"spread":false},{"title":"error.json <span style='color:#111;'> 4.48KB </span>","children":null,"spread":false},{"title":"loading.json <span style='color:#111;'> 8.16KB </span>","children":null,"spread":false}],"spread":true},{"title":"common","children":[{"title":"imageBg","children":[{"title":"index.js <span style='color:#111;'> 409B </span>","children":null,"spread":false}],"spread":true},{"title":"avatar","children":[{"title":"index.js <span style='color:#111;'> 1.05KB </span>","children":null,"spread":false}],"spread":true},{"title":"modal","children":[{"title":"index.js <span style='color:#111;'> 1.63KB </span>","children":null,"spread":false}],"spread":true},{"title":"footer","children":[{"title":"index.js <span style='color:#111;'> 1.17KB </span>","children":null,"spread":false}],"spread":false},{"title":"container","children":[{"title":"index.js <span style='color:#111;'> 1.05KB </span>","children":null,"spread":false}],"spread":false},{"title":"main","children":[{"title":"index.js <span style='color:#111;'> 372B </span>","children":null,"spread":false}],"spread":false},{"title":"button","children":[{"title":"index.js <span style='color:#111;'> 2.00KB </span>","children":null,"spread":false}],"spread":false},{"title":"icon","children":[{"title":"index.js <span style='color:#111;'> 698B </span>","children":null,"spread":false}],"spread":false},{"title":"header","children":[{"title":"index.js <span style='color:#111;'> 1.27KB </span>","children":null,"spread":false}],"spread":false},{"title":"hero","children":[{"title":"index.js <span style='color:#111;'> 829B </span>","children":null,"spread":false}],"spread":false}],"spread":true},{"title":"projects","children":[{"title":"cardWrapper","children":[{"title":"index.js <span style='color:#111;'> 1.22KB </span>","children":null,"spread":false}],"spread":true},{"title":"card","children":[{"title":"index.js <span style='color:#111;'> 2.20KB </span>","children":null,"spread":false}],"spread":true}],"spread":true}],"spread":true},{"title":"theme","children":[{"title":"index.js <span style='color:#111;'> 1.24KB </span>","children":null,"spread":false},{"title":"GlobalStyle.js <span style='color:#111;'> 1.10KB </span>","children":null,"spread":false}],"spread":true},{"title":"utils","children":[{"title":"breakpointsMedia.js <span style='color:#111;'> 427B </span>","children":null,"spread":false},{"title":"propToStyle.js <span style='color:#111;'> 668B </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":".eslintrc.js <span style='color:#111;'> 1.91KB </span>","children":null,"spread":false},{"title":"pages","children":[{"title":"index.js <span style='color:#111;'> 947B </span>","children":null,"spread":false},{"title":"projects.js <span style='color:#111;'> 836B </span>","children":null,"spread":false},{"title":"_document.js <span style='color:#111;'> 725B </span>","children":null,"spread":false},{"title":"contact.js <span style='color:#111;'> 1.18KB </span>","children":null,"spread":false},{"title":"_app.js <span style='color:#111;'> 1.24KB </span>","children":null,"spread":false}],"spread":true},{"title":".gitignore <span style='color:#111;'> 386B </span>","children":null,"spread":false},{"title":"public","children":[{"title":"images","children":[{"title":"code.jpg <span style='color:#111;'> 2.19MB </span>","children":null,"spread":false},{"title":"avatar.jpeg <span style='color:#111;'> 9.89KB </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"README.md <span style='color:#111;'> 3.23KB </span>","children":null,"spread":false},{"title":"yarn.lock <span style='color:#111;'> 145.42KB </span>","children":null,"spread":false},{"title":".vscode","children":[{"title":"launch.json <span style='color:#111;'> 438B </span>","children":null,"spread":false}],"spread":true}],"spread":false}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明