花了一天时间撸了个 V2EX 翻版。。。

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 1670 天前的主题，其中的信息可能已经有所发展或是发生改变。

最近看 nextjs，然后今天有时间就研究了下，最后就打算用 V2EX 练手了。觉得还行麻烦给个 star⭐️，非常感谢。

项目地址：https://github.com/sedgwickz/new_v2ex

Live Demo: https://v2ex.now.sh

仅供学习，请勿商用。

再放两张截图吧：

66 条回复 • 2020-06-02 14:10:56 +08:00

Cielsky

2020-05-30 19:15:24 +08:00 via Android

感觉比 V2EX 顺滑啊

Xuyiyang23333

2020-05-30 19:16:48 +08:00

竟然还有内容，是从 V2EX 爬下来的吗？

2020-05-30 19:27:05 +08:00

star 了

liuqingyuan

2020-05-30 19:30:41 +08:00

还有登录用户

hronro

2020-05-30 19:45:31 +08:00

不错，支持下

2020-05-30 19:52:24 +08:00

交易那里没有做处理。未登录状态下点击后无内容

VDimos

2020-05-30 21:18:04 +08:00 via Android

一天就完成了？厉害

smilingsun

2020-05-30 21:21:48 +08:00

安卓 chrome 上表示有明显的 Flash of unstyled content

smilingsun

2020-05-30 21:22:49 +08:00

啊哈看到 TODO 了

Outshine

2020-05-30 23:17:35 +08:00

一天也是蛮强了~

cstome

2020-05-31 00:12:10 +08:00

@Cielsky #1 SPA 的体验确实好。

hatebugs

2020-05-31 00:14:33 +08:00 via Android

sh 域名怎么备案的

liumyao

2020-05-31 00:50:20 +08:00 via Android

挺顺滑的啊

hahaandyou001

2020-05-31 01:58:21 +08:00 via Android

这水平很不错啦

touno

2020-05-31 02:24:13 +08:00

你这数据是爬 V2EX 的哈哈哈~

evilvoy

2020-05-31 03:06:22 +08:00

看起来很不错

居然还有数据就。。

dartabe

2020-05-31 03:19:16 +08:00

@hatebugs Vercel 免费部署

dartabe

2020-05-31 03:21:49 +08:00

最近也用 nextjs 写了个博客感觉结构挺清晰的

GitHub 老板和 react 作者都给他母公司 vercel 投资了感觉会越来越火的

不过我不喜欢 css in js，用的 sass.

不知道大家怎么看

bfme

2020-05-31 03:27:24 +08:00

好家伙，你这都可以以假乱真了。

sedgwickz

2020-05-31 08:37:35 +08:00

@smilingsun 早上起来看了下 styled-components 文档，那个问题修复啦

leffz

2020-05-31 09:19:00 +08:00

强，赞一个

smilingsun

2020-05-31 09:20:17 +08:00

@sedgwickz 哇，赞！求加 pwa 和 offline cache，这样就可以约等于移动端用了

keith1126

2020-05-31 09:25:34 +08:00

（感觉比原版 V2EX 的前端更加现代化，体验更加顺滑

noqwerty

2020-05-31 09:48:12 +08:00 via Android

强啊，提个小建议，可以考虑加上回复中 markdown 内容的处理

ae86

2020-05-31 10:20:56 +08:00

哇，一天就弄好了，楼主加油赶快把注册和登录加上吧！我要学习一下

zhuweiyou

2020-05-31 10:23:34 +08:00

从列表到详情的时候，滚动条没有回到顶部。

myevery

2020-05-31 10:27:36 +08:00 via Android

后台数据用的是本站的么，能用于新站么，准备搞一个，当前搞了一个,电脑端是这个模板

kylix

2020-05-31 11:02:50 +08:00

不错丫，厉害了。去看看~

edacdy

2020-05-31 12:04:05 +08:00

赞一下，之前在 UI 中国上看到一篇 V2EX Redesign，作者感兴趣可以参考一眼。

fangcan

2020-05-31 12:22:44 +08:00

厉害了

iintothewind

2020-05-31 12:32:53 +08:00

我是做后端开发的, 业余会玩玩前端开发.
看了作者的代码帮助很大, 而且作者的代码风格很干净, 应该是一个高手.
非常感谢.

pyplayer

2020-05-31 13:02:35 +08:00 via iPhone

一天。。。这效率是有多高

502badgateway

2020-05-31 13:45:54 +08:00

一天。。。

Flash1

2020-05-31 13:54:36 +08:00

一天就做成这样的话太强了

sam014

2020-05-31 14:17:46 +08:00

不用爬数据，V2 有 api 的

https://v2ex.com/p/7v9TEc53

已经见过几个不同的版本了，前端拿这个练手确实挺快的

vicsun2020

2020-05-31 15:36:53 +08:00 via iPhone

想问问 nextjs 和 react 比咋样？

OceanZH

2020-05-31 16:15:55 +08:00

一天，效率这么高

ming7435

2020-05-31 18:21:08 +08:00

牛逼

beanrobbie

2020-05-31 19:09:24 +08:00

为什么比 v2 还快？😂

Daige

2020-05-31 19:47:04 +08:00 via Android

比 v2 快

godall

2020-05-31 20:30:52 +08:00

别学 V2，连个图片上传也没有。都快回到用 telnet 玩 bbs 的时代了。

Allianzcortex

2020-05-31 21:54:24 +08:00 via iPhone

楼主 css 功底真的扎实

matrix67

2020-05-31 22:03:19 +08:00

这个体验比原始的 V2EX 快啊。厉害了

matrix67

2020-05-31 22:05:47 +08:00

@edacdy https://www.ui.cn/detail/43100.html?nopop=1 这个就很不错

kiii

2020-05-31 23:15:39 +08:00

好厉害的样子，接私活吗？

youjie123

2020-06-01 02:29:33 +08:00 via Android

大神啊

zzNucker

2020-06-01 02:53:03 +08:00

@vicsun2020 没可比性吧

Kaier

2020-06-01 08:55:19 +08:00

效率蛮快的哟.

twor2

2020-06-01 09:31:42 +08:00

没广告位置，差评

hunter2015

2020-06-01 09:34:19 +08:00

封号警告

zzzmh

2020-06-01 09:37:23 +08:00

学前端的就是好，我们学后端的要当全栈撸个网址怎么也要一周吧

yazoox

2020-06-01 09:58:44 +08:00

厉害啊。向楼主学习一下~

ylsc633

2020-06-01 10:01:36 +08:00

还渲染了?

Heanes

2020-06-01 11:26:01 +08:00

一天就厉害了

yanlx

2020-06-01 13:22:02 +08:00 via iPhone

一边说“ 仅供学习，请勿商用”，一边使用允许商用的 MIT 许可证，选择许可证时这么不上心的吗？

EEEcho

2020-06-01 13:53:50 +08:00

已 Star

sedgwickz

2020-06-01 15:55:12 +08:00

@yanlx

这个问题吧，既然开源了，就很难防小人，请勿商用，算是一种君子约定吧，至于遵守不遵守感觉作为开源项目本身就难去把控商业使用这一块，这个小项目其实核心在于数据，而数据嘛，真有心者想拿到完全可以从 V2EX 搞，不需要依赖这个项目，so 使用 MIT 协议感觉没啥不妥，你拿过去改下数据源，改改样式自己用，不需要告诉我，我也不会追究你的任何责任。

下面再贴一张阮老师的开源协议图，似乎没有啥合适的协议可以很好杜绝商用吧。。。

![]( https://www.ruanyifeng.com/blogimg/asset/201105/bg2011050101.png)