百科.dev
全部条目AI 编程趋势榜开源项目技术资讯提交条目
登录
< 返回工具列表
V

vivek9patel.github.io

> 前端框架
开源

Ubuntu 20.04 的 Web 模拟,使用 Next.js 和 tailwind CSS 制作

4.3K stars0 点赞0 次浏览
访问官网GitHub

工具介绍

Ubuntu 20.04 的 Web 模拟,使用 Next.js 和 tailwind CSS 制作

Web simulation of UbuntuOS

This is a personal portfolio website of theme Ubuntu 20.04, made using Next.js & tailwind CSS. If you want to edit this. Clone this project and edit the files in /src/components.

To run this on localhost type npm start and when u are done coding type npm run build to build your app.

NOTE: if you have yarn just replace npm start and npm run build with yarn start and yarn build.

To make the contact form work

  • Create a account in emailjs create also new Outlook or Gmail account to be able to send email.
  • Create a new service, select and log in to your newly created outlook or gmail account on EmailJS.
  • Go back to the dashboard and get the Service ID copy it.
  • Create a .env file in your root folder and put

NEXT_PUBLIC_USER_ID = 'YOUR_USER_ID'
NEXT_PUBLIC_TEMPLATE_ID = 'template_fqqqb9g'
NEXT_PUBLIC_SERVICE_ID = 'YOUR_SERVICE_ID'

into it. Replace *your user id and your service ID with your values in your EmailJS service.

Star History

This project was made using Create Next App! Here is the scripts that u can run.

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributiors who wants to make this website better can make contribution,which will be greatly appreciated.

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Added some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

GitHub Issues· 0 开放

在 GitHub 查看全部

暂无开放 Issues,或尚未同步最近议题。

核心特点

  • •Create a account in emailjs create also new Outlook or Gmail account to be able
  • •Create a new service, select and log in to your newly created outlook or gmail account on EmailJS.
  • •Go back to the dashboard and get the Service ID copy it.
  • •Create a .env file in your root folder and put

> 标签

JavaScriptnextjspersonal-portfoliopersonal-portfolio-websiteportfolio-website

暂无评论,来聊聊你的看法吧

> 工具信息

发布日期2026年8月1日
最后更新2026年9月17日
分类前端框架
定价开源

> 相关工具

R
React
用于构建用户界面的 JavaScript 库
V
Vue.js
渐进式 JavaScript 框架
N
Next.js
基于 React 的全栈 Web 框架