首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Typescript 全栈最值得学习的技术栈 TRPC

首先不如传统的 RESTFUL 来的直观,假设现在在服务端定义了一个服务,那么只能通过@trpc/client 创建客户端进行调用。虽然也能用 http 的形式,但调用的很不优雅。...在印象中,RPC 框架通常是可以跨语言进行调用的,比如 gRPC 框架,然而tRPC 目前只能在 Typescript 项目中进行调用,倒是希望能向 gRPC 那个方向发展,不过不同语言间的类型安全又是个大麻烦...图片pnpm create t3-app@latest安装过程如下图片prisma此时安装完先别急着 pnpm run dev 启动项目,首先执行npx prisma db push运行结果如下Environment...将会得到一个 prisma 面板,即项目的所有 model 。...示例这里提供了一个简单的示例,你可以 点我 访问体验一下(项目部署在 Vercel,而数据库服务在腾讯云,登录服务又依赖 Github,所以项目会稍微有那么慢)。

1.9K20

Typescript 全栈最值得学习的技术栈 TRPC

首先不如传统的 RESTFUL 来的直观,假设现在在服务端定义了一个服务,那么只能通过@trpc/client 创建客户端进行调用。虽然也能用 http 的形式,但调用的很不优雅。...在印象中,RPC 框架通常是可以跨语言进行调用的,比如 gRPC 框架,然而tRPC 目前只能在 Typescript 项目中进行调用,倒是希望能向 gRPC 那个方向发展,不过不同语言间的类型安全又是个大麻烦...pnpm create t3-app@latest 安装过程如下 prisma​ 此时安装完先别急着 pnpm run dev 启动项目,首先执行 npx prisma db push 运行结果如下...将会得到一个 prisma 面板,即项目的所有 model 。...示例​ 这里提供了一个简单的示例,你可以 点我 访问体验一下(项目部署在 Vercel,而数据库服务在腾讯云,登录服务又依赖 Github,所以项目会稍微有那么慢)。

2.7K51
您找到你想要的搜索结果了吗?
是的
没有找到

《HelloGitHub》第 69 期

底层采用了 MPlayer、mplayer2 和 FFmpeg 等开源项目,支持多种音视频格式、高清视频、GPU 解码、自定义等功能,追求极简的命令行启动+快捷键操作方式,让它成为了技术爱好者的首选视频播放器...通过该工具可以快速创建媲美 k8s 原生的本地环境,而且占用资源相对较少启动速度快。...多用于本地开发和测试 k8s 原生组件,不能用于线上环境 地址:https://github.com/kubernetes-sigs/kind 11、air:有代码变动就会自动重启服务的 Go 工具。...通过按需渲染和虚拟滚动等方式,实现在百万级数据量秒级渲染、滚动卡顿 地址:https://github.com/antvis/S2 22、prisma:适用于 Node.js 和 TypeScript...$disconnect() }) 地址:https://github.com/prisma/prisma Objective-C 项目 23、vienna-rss:适用于 macOS 的免费 RSS

2K30

用 NodeJS 开发一版在线流程图网站

奈何大家都注册了,没注册的只有少数,作为前端程序员,在想是否可以将它的 js 扒下来,在本地起服务器使用?...获取前端静态资源 说干就干,使用 chrome 右键另存为 ,可以直接将这个网站使用到的静态文件保存下来,但是保存下来的静态资源目录都自动替换了本地,但我想要的是跟线上一样的目录结构。...在 github 找到了 chrome-extensions-samples 然后对着里面的 demo,尝试了下。 但结果遂人愿,因为 ProcessOn 中大量使用了eval方法。...既然不能做到纯离线的,那只就开发一个在线版本好了 Nodejs 开发 技术栈 后端: express.js 数据库: postgres ORM: prisma Authentication: github...作为字符串返回的,估计他使用的是 MongoDB 数据库,id 跟 MongoDB id 长度一致。

1K30

用 NodeJS 开发一版在线流程图网站

奈何大家都注册了,没注册的只有少数,作为前端程序员,在想是否可以将它的 js 扒下来,在本地起服务器使用?...获取前端静态资源 说干就干,使用 chrome 右键另存为 ,可以直接将这个网站使用到的静态文件保存下来,但是保存下来的静态资源目录都自动替换了本地,但我想要的是跟线上一样的目录结构。...在 github 找到了 chrome-extensions-samples 然后对着里面的 demo,尝试了下。 但结果遂人愿,因为 ProcessOn 中大量使用了eval方法。...既然不能做到纯离线的,那只能开发一个在线版本好了 Nodejs 开发 技术栈 后端: express.js 数据库: postgres ORM: prisma Authentication: github...,他是将 Json 作为字符串返回的,估计他使用的是 MongoDB 数据库,id 跟 MongoDB id 长度一致。

99120

服务器小白的,是如何将 node+mongodb 项目部署在服务器上并进行性能优化的

BiaoChenXuYing 前言 本文讲解的是:做为前端开发人员,对服务器的了解还是小白的,是如何一步步将 node+mongodb 项目部署在阿里云 centos 7.3 的服务器上,并进行性能优化...将 mongodb 启动命令追加到本文件中,让 mongodb 开机自启动: /usr/local/mongodb/bin/mongod --dbpath=/var/mongodb/data --logpath...,因为码云上可以创建免费的私有仓库,本地把码上传到 Gitee.com 上,再进入服务器用 git 把代码拉取下来就可以了,非常方便。...3.6 启动 express 服务 启动 express 服务,用了 pm2, 可以永久运行在服务器上,且不会一报错 express 服务就挂了,而且运行中还可以进行其他操作。...基于 node + express + mongodb 的 blog-node 项目文档说明 4. 服务器小白的,是如何将node+mongodb项目部署在服务器上并进行性能优化的

1.5K22

如何将node+mongodb项目部署在腾讯云服务器,并进行性能优化的

购买服务器与域名 服务器上安装所需环境(本项目是 node 和 mongodb ) 服务器上开放端口与设置规则 用 nginx、apache 或者tomcat 来提供HTTP服务或者设置代理 上传项目代码...将 mongodb 启动命令追加到本文件中,让 mongodb 开机自启动: /usr/local/mongodb/bin/mongod --dbpath=/var/mongodb/data --logpath...如下给出的 nginx 代理的设置: 的两个项目是放在 /home/blog/blog-react/build/; 和 /home/blog/blog-react-admin/dist/; 下的,如果你们的路径不是这个...3.5 上传项目代码,或者用码云、 gihub 来拉取你的代码到服务器上 是创建了码云的账号来管理项目代码的,因为码云上可以创建免费的私有仓库,本地把码上传到 Gitee.com 上,再进入服务器用...3.6 启动 express 服务 启动 express 服务,用了 pm2, 可以永久运行在服务器上,且不会一报错 express 服务就挂了,而且运行中还可以进行其他操作。

8.7K93

Neurelo采用API优先的方式进行数据库编程

Kamat 是 Stripe 安全基础的工程主管,并曾任 Palo Alto Networks Prisma Cloud 的工程副总裁。...他详细叙述了一个拼写错误导致的长期活跃的项目 BOOMKARKS 的复苏: “Neurelo 有许多优点,但我们首先要提的是最大的一点: 将数据库添加为数据源,然后 BOOM ,有了一个 API!...Neurelo托管的控制平面与本地管理的执行代理(运行程序)之间的这种架构分离解决了广泛的安全问题,他解释道。...然而,值得注意的是,某些用例,特别是那些有严格法规要求的用例,可能与基于云的控制平面兼容。...还计划开发一个本地版本。 “API的利用是开发生命周期中的关键部分,使Neurelo能够快速创建、修改和增强功能。

8110

使用 NextJS 和 TailwindCSS 重构的个人博客

第一版:使用 Hexo 和 Github pages 优点:重新部署只要花5分钟,内容管理在本地 纯静态、免费; 缺点:依赖Github,国内访问困难; 第二版:React + Antd...TailwindCSS + Postgresql 优点: 服务端渲染(SSR) + 静态生成, 访问速度极快,全新 UI 支持换肤; TailwindCSS 在国外如火如荼,但是在国内却很少看到在生产上应用,对来说...container --wrapper等; 2、Utility-First: 默认采用 rem 单位, 变量也就是16 的倍数, px-1是 16 的 1/4 也就是 4 px,我们不会写出13px、17px 等统一的单位变量...4、之前写了《使用 CSS variables 和Tailwind css实现主题换肤》也运用到了的博客中。...Prisma 支持 Mysql、Postgresql 和 Sqlite, 访问官网我们可以很容易的上手,也可以快速的从老项目接入 虽然 Prisma 和 TypeORM 解决了类似的问题,但它们的工作方式却大相径庭

2.6K20

使用 NextJS 和 TailwindCSS 重构的博客

第一版:使用 Hexo 和 Github pages 优点:重新部署只要花 5 分钟,内容管理在本地 纯静态、免费; 缺点:依赖 Github,国内访问困难; 第二版:React + Antd + Mysql...TailwindCSS + Postgresql 优点: 服务端渲染(SSR) + 静态生成, 访问速度极快,全新 UI 支持换肤; TailwindCSS 在国外如火如荼,但是在国内却很少看到在生产上应用,对来说...container --wrapper等; 2、Utility-First: 默认采用 rem 单位, 变量也就是 16 的倍数, px-1是 16 的 1/4 也就是 4 px,我们不会写出 13px、17px 等统一的单位变量...4、之前写了《使用 CSS variables 和 Tailwind css 实现主题换肤》也运用到了的博客中。...Prisma 支持 Mysql、Postgresql 和 Sqlite, 访问官网我们可以很容易的上手,也可以快速的从老项目接入 虽然 Prisma 和 TypeORM 解决了类似的问题,但它们的工作方式却大相径庭

2.2K20

精读《Prisma 的使用》

,唯一多出来的 posts 与 author 其实是弥补了数据库表关联外键中直观的部分,将这些外键转化为实体对象,让操作时感受不到外键或者多表的存在,在具体操作时再转化为 join 操作。...如果项目采用 Prisma,则模型变更后,可以执行 prisma db pull 更新数据库结构,再执行 prisma generate 更新客户端 API,这个流程比较清晰。...总结 Prisma Schema 是 Prisma 的一大特色,因为这部分描述独立于代码,带来了如下几个好处: 定义比 Node Class 更简洁。 生成冗余的代码结构。...不过对于记录的创建,更喜欢 Prisma 的 API: // typeorm - save API const userRepository = getManager().getRepository(...虽然没有对 ORM 做出革命性改变,但在微创新与 API 优化上都做得足够棒,github 更新也比较活跃,如果你决定使用 ORM 开发项目,还是比较推荐 Prisma 的。

3.5K30

基于RN开发的一款视频配音APP(开源)

虽然经常会陷入各种迷茫,学得越多会发现不会的东西也被无限放大,不过能用新的技术作出一些小项目小Demo还是会给自己些许自信与接着学习的动力。 项目部分展现 项目源码地址 ? ? ? 项目简介 1....APP后端搭建: 使用NodeJs的koa框架完成APP后端的搭建; 使用mongodb完成数据存储,通过mongoose模块完成对mongodb数据的构建; 2....APP前端搭建: 使用RN组件式架构、JS类库实现快速开发 采用Flexbox布局方式 无后台Mock数据做本地JSON接口,实现前后端分离开发 3....一些功能模块: 启动界面轮播效果的实现; 通过短信验证码登入; 视频的上传以及静音处理; 音频的上传; 视频和音频的整合; 用户资料的更新; 评论模块 点赞模块

1K80

Nuxt3 实战 (七):配置 Supabase 数据库

这两天一直在网上寻找最适合 Nuxt 的数据库,之前在做个人项目时经常用的是 Mysql 和 MongoDB,也用过 ORM 框架比如:Sequelize、TypeORM,本来计划使用 Prisma,...,在开发上喜欢用没用过的技术或工具话不多说,直接整活。...如果你需要更多的项目或资源,你可以选择按需付费或者预付费的套餐。...创建 Supabase 数据库 1、打开 Supabase Dashboard,选择登录方式,这里直接选择 Github 登录 2、 进入控制台,点击 New project 创建项目 3、 进入项目管理界面...配置 RLS 安全策略之所以会得到空数组,是因为 Supabase 为每张表启动 Row Level Security 策略,我们回到 Supabase Dashboard,打开右侧菜单 Authentication

14700

强烈推荐一个技术栈丰富的微电商项目luban-mall

Main 方法启动mall-admin服务,端口号为8091 4.2 启动 mall-core 项目服务 在 mall-core 项目中的启动配置项中的 redis、mongodb 和 rabbitmq...依次次启动redis服务、mongodb服务和rabbitmq服务,然后运行启动类CoreApplication.java中的main方法,启动 CoreApplication 项目,服务端口为8081...main方法,在笔者的本地开发环境启动过程中报了加载 elasticsearch 节点失败的异常,但并不影响项目正常启动,服务端口为8500。...dev 命令在本地启动前端项目服务。...电商前端项目目前只涉及到 luban-web-admin 也是电商后台管理的前端项目,而电商项目的前端项目 luban-web-portal 待笔者解决了本地启动报错的问题后再另外撰文发布。

1.1K10
领券