【文件属性】：
文件名称：next-portfolio:我使用Nextjs，Typescript，TailwindCSS和MDX构建的投资组合网站，并使用Vercel进行了部署
文件大小：3.55MB
文件格式：ZIP
更新时间：2021-03-27 09:03:39
typescript nextjs portfolio-website mdx tailwindcss
这是一个用引导的项目。
概述
该网站有4个主要页面/ ， /code ， /images和/links ：
/ -按顺序显示最近的10个和帖子。
/code显示我的所有代码项目，其中最先显示的是最新更新的帖子，这些帖子保存在内部的mdx文件中。
/images 显示所有我的 ，首先显示最近更新的slate。
/links静态页面，显示一个小的个人简介以及指向我其他网页的链接。
动态页面
该网站还具有两条 ：
/code/[slug] -显示相应代码项目的详细内容
/images/[slug] -显示相应Slate的内容
内容管理
建立该网站是因为我的第一个React网站是硬编码的，这使内容管理非常痛苦。 对于此网站，我通过在编写帖子并将其添加到/data/code目录中，然后推送到主分支来添加新的代码项目，该分支将自动使用重新部署我的应用程序。 只要我正确地将添加到帖子中，我就可
【文件预览】：
next-portfolio-main
----pages()
--------index.tsx(2KB)
--------images()
--------code()
--------images.tsx(2KB)
--------_document.tsx(1KB)
--------links.tsx(6KB)
--------_app.tsx(640B)
--------code.tsx(2KB)
----postcss.config.js(82B)
----public()
--------sitemap.xml(355B)
--------robots.txt(58B)
--------icons()
--------banners()
--------projects()
--------static()
----next-env.d.ts(75B)
----styles()
--------tailwind.css(59B)
--------globals.css(2KB)
----layouts()
--------ProjectLayout.tsx(460B)
----next.config.js(209B)
----tailwind.config.js(2KB)
----scripts()
--------generate-sitemap.js(1KB)
----lib()
--------feed.ts(55B)
--------slate.ts(2KB)
--------mdx.ts(2KB)
----next-seo.config.js(464B)
----components()
--------svgs()
--------ImageSeo.tsx(696B)
--------ProjectSeo.tsx(1KB)
--------ProjectContainer.tsx(2KB)
--------Container.tsx(2KB)
--------ProjectCard.tsx(866B)
--------Footer.tsx(264B)
--------ImageCard.tsx(595B)
----tsconfig.json(782B)
----README.md(4KB)
----data()
--------code()
--------MDXComponents.ts(166B)
--------template.mdx(150B)
----.gitignore(374B)
----package-lock.json(200KB)
----package.json(785B)