样板
Boilerplate para projetos utilizando Typescr ipt,ReactJS,NextJS和样式化组件
:check_box_with_check: Objetivos:
Aprofundar conhecimentos sobre Typescr ipt;
Utilizar o ReactJS de uma maneiraavançada;
NextSR准应用程序的Aprender的SSR;
Fazer aestilizaçãocom样式的组
下一个样板
| | |
:rocket: 技术
:check_mark_button: 要求
Antes decomeçar :chequered_flag: ,请在安装。
:chequered_flag: Começando
# Para criar um projeto next usando esse boilerplate
$ yarn create next-app -e https://github.com/maurodesouza/next-boilerplate
#
竞争软件工程任务
入门
该样板包括:
/graphql/ -此文件夹用于定义查询/突变(提示:从GraphiQL复制查询/突变以避免错误)
npm run gen或yarn gen从查询/突变生成类型(或者您可以只使用npm dev或yarn dev因为它也首先运行此命令)
先决条件
将.env.local.example重命名为.env.local
首先,运行开发服务器:
npm run dev
# or
yarn dev
Figma链接
样板界面
数据dari API
Haloo
ReactAvançado-威廉·贾斯汀
第1部分:Módulo1:IntroduçãoTeórica
1.介绍
2.Dinâmicado curso,módulose perguntas
3.介绍NextJS
NextJS和框架Web在2016年由ReactJS发行,由Guillermo Rauch担任,共同创始人是Vercel。
Podemos definir que um um框架Webéum istist opinativo com estrutura e ferramentas
这是一个样板
里面是什么?
该项目使用了很多东西,例如:
入门
首先,运行开发服务器:
npm run dev
# or
yarn dev
用浏览器打开以查看结果。
您可以通过修改pages/index.js来开始编辑页面。 页面在您编辑文件时自动更新。
指令
dev :在localhost:3000上运行您的应用程序
build :创建生产构建版本
start :使用生成的生产代码启动一个简单的服务器
lint :在所有组件和页面中运行lint
test :运行笑话来测试所有组件和页
nextjs样板
这是一个样板。
里面是什么?
该项目使用了很多东西,例如:
入门
首先,运行开发服务器:
npm run dev
# or
yarn dev
使用浏览器打开以查看结果。
您可以通过修改pages/index.js来开始编辑页面。 当您编辑文件时,页面会自动更新。
指令
dev :在localhost:3000上运行您的应用程序
build :创建生产版本
start :使用构建生产代码启动一个简单的服务器
lint :在所有组件和页面中运行lint
test :运行