- 2024-07-01NextJS 开发指南
0x01概述（1）基本信息NextJS官网：https://nextjs.org/NextJS是一个轻量级的React服务端渲染（SSR）应用框架TheReactFrameworkforProductionAfull-stackframeworkforReactJSNextJS解决了常见问题使构建React应用更加容易NextJS基于React框架：React18（2）主
- 2024-06-21从 GitHub 自动化部署到网页性能优化
前提一切都和速度有关，手动部署慢，网页加载慢。首先解决部署问题。代码是托管在Github上的，那么使用GithubActions是一种自然的选择。但是上一次使用GitHubActions已经是一年前了，现在除了知道这东西的存在其他基本都忘了。第二，当前网页打开速度太慢（15s+），当然服务器配置
- 2024-05-30tauri 打包nextjs
问题1：页面无法打开localhost:报错提示：嗯…无法访问此页面tauri.localhost 已拒绝连接。解决：next.config.js/**@type{import('next').NextConfig}*/constnextConfig={output:'export',}module.exports=nextConfig 问题2：tauri在build模式开启右键检查de
- 2024-04-11nextJs中使用styled-jsx
NextJs不支持直接在页面和组件里importCss这种引入方式（除了全局引入），但是可以使用styled-jsx的方式进行Css的样式定义，也可以实现样式加载NextJs中Css的几种使用方案： global全局引入：在main文件或者app.js/ts文件里面进行全局引入，这种只是适合全局作用的样式引入。例如：im
- 2024-04-03nextjs 的函数，参数，属性装饰器的使用
//属性装饰器constdoc1:PropertyDecorator=(target:any,val:string|symbol)=>{console.log(target);console.log(val);val="覆盖";}//方法装饰器constdoc2:MethodDecorator=(target:any,val:string|symbol,desc:any)=>{cons
- 2024-04-01如果快速搭建一个可以用于全球收款的web应用？
其实github和网上有很多开源或者付费的模版，可以用户全球化页面的搭建。但是这些基本都是外国人开发的，中文生态很不友好。小编今天就推荐一个GitHub上的由国人开源的新项目。该项目3月26日开源以来，已收获230+star，增长势头很猛，口碑也是不错。今天我就用这个项目，来教大家快速搭建一
- 2024-04-01如果快速搭建一个可以用与全球收款的web应用？
其实github和网上有很多开源或者付费的模版，可以用户全球化页面的搭建。但是这些基本都是外国人开发的，中文生态很不友好。小编今天就推荐一个GitHub上的由国人开源的新项目。该项目3月26日开源以来，已收获230+star，增长势头很猛，口碑也是不错。今天我就用这个项目，来教大家快速搭
- 2024-03-23我用 Nextjs 十分钟搭建了一个展示955公司网站
前言打工人终极梦想就是能够955吧！一年之前看到过955公司名单，最近偶然又看到一篇955不加班的公司名单推文，发现名单上的公司大都是外企，而且相比一年之前又少了几个。于是想将目前还在榜955名单上的公司记录在网站上，一是方便随时查看，二是想看有哪些公司会在什么时候下线，也一
- 2024-01-16nextjs使用prisma连接MySQL
第一步npminstall@prisma/client 第二步npxprismainit 生成了文件 第三步，修改文件内容 第四步 第五步测试一下，执行npxprismadbpull我里面有一个user表的，拉下来这样显示了
- 2024-01-09nextjs 一键部署ChatGPT 网页版
ChatGPT的语境理解能力已经得到了大幅提升。它能够更好地理解你输入的问题或指令，并从中获取更多的上下文信息，以便给出更准确和相关的回答。无论是一般性的问题还是特定领域的知识，ChatGPT都能为你提供更有深度的答案Vercel官方打造的ChatGPT网页版代码特色Next.jsAppRouterReact
- 2023-11-12NextJS 中应用程序路由器中pages/_app.js 的替代方案是什么？
我刚刚开始使用NextJS，有一个名为应用程序路由器的新路由器。现在我有一些使用NextJS 页面路由器 中的 pages/_app.js 的教程。在Next.js中，你可以使用pages/_app.js文件来定制你的应用程序的根组件。然而，最新版本的Next.js引入了一个名为App的替代方案来替代pages/_app.js文件
- 2023-11-03nextjs运行报错ReferenceError: Request is not defined
安装npxcreate-next-app@latest运行npmrundev使用node版本v16.20.1，报错：ReferenceError:Requestisnotdefined 解决方案：切换node:v18.16.1（npm:v9.5.1）重新安装项目并运行，成功！
- 2023-10-16放弃WordPress，纯手撸一个导航网站
最近AI好火啊，各种AI工具导航网站也层出不穷，思路就是建站然后流量做大赚广告费。于是，我仔细研究下了所谓的导航网站，不仅AI领域，其他诸如编程啊，产品经理啊，跨境电商啊等等行业都有导航站，的确极大的增加了工作效率，做到了工具和资源的整合。从技术的角度讲，各大导航网站无一例外都是使
- 2023-09-18NextJS应用中的Stripe Elements未显示
如果在Next.js应用中使用StripeElements时未能正确显示，请尝试以下解决方案：确保正确引入Stripe.js库：在Next.js应用中使用StripeElements之前，需要确保正确引入Stripe.js库。你可以在<Head>组件中引入Stripe.js库，例如：importHeadfrom'next/head';functionMyComponent(){ret
- 2023-08-18NodeJS系列（12）- Next.js 框架 (五) | 样式 (Styling) 、部署（Deploying）
在“NodeJS系列（8）-Next.js框架(一)|安装配置、路由（Routing）、页面布局（Layout）”里，我们简单介绍了Next.js的安装配置，创建了nextjs-demo项目，讲解和演示了Next.js项目的运行、路由（Routing）、页面布局（Layout）等内容。在“NodeJS系列（9）-Next.js框架(二)|国际化(i18n)、中
- 2023-07-21NextJs 中使用Next-Auth
NextJs中使用Next-Auth本篇讨论的范畴是Azureb2c做为provider,token的类型是jwttoken.我们讨论在Azureb2c认证完后，由Next-Auth负责认证的过程。BasicConceptToken这个就是cookie,它的名字是非https是next-auth.session-token，如果是https则是__Secure-next-auth.sessio
- 2023-07-01NextJS项目的部署以及多环境的实现
背景开发了个Next项目，将部署过程记录一下。另外由于项目准备了两个服务器分别作为开发自测的开发环境和交付给客户的生产环境使用；因此也介绍一下NextJS项目中多环境的配置。项目结构计划是让Nginx根据不同的路径前缀决定请求发给哪个后端；而路径前缀则是由Docker打包镜像的时候
- 2023-06-28nextjs项目引入vconsole报错处理：ReferenceError: window is not defined
引入文件（nextjs项目）：importVconsolefrom'vconsole'报错： 处理：letVconsoleif(typeofwindow!=='undefined'){Vconsole=require('vconsole')}打开调试：if(typeofwindow!=='undefined'){//加了一个打开调试
- 2023-05-29[NextJS] getStaticProps
Continue... Ref: Next.js产品级的React框架-中文开发入门教学-编写静态页面属性getStaticProps 为了爬虫，所以这么写。importHeadfrom'next/head'exportdefaultfunctionHome(props){const{datalist}=props;return(<div>
- 2023-02-01NextJS（青训营）
nodejs应用场景前端工程化（webpackviteesbuildbeble……）web服务端应用（vercel）Electron跨桌面端应用（vscode)优点：学习曲线平滑开发效率较高运行效率相对较高社区
- 2022-12-23nextJs---Image组件自适应父元素
<divstyle={{flex:'1.3',marginRight:'10px',posit
- 2022-12-03Next.js & React & MDX & markdown & front-matter & code highlight All In One
Next.js&React&MDX&markdown&front-matter&codehighlightAllInOnedemos(
- 2022-11-22React Server Components All In One
ReactServerComponentsAllInOneReactServerComponentshttps://reactjs.org/blog/2020/12/21/data-fetching-with-react-server-components.htmlhttps://github.
- 2022-11-17nextjs中代理请求到指定域名
在next.config.js中，通过配置rewritesfallback来把请求代理到指定域名module.exports={...asyncrewrites(){return{fallback:[{
- 2022-11-17nextjs window is not defined
问题原因，nextjs是服务端渲染的，在服务器预渲染HTML，然后发送到客户端进行渲染。因此在服务端渲染时，是获取不到浏览器对象window/document等dynamic动态导入组件home.jsex