Source code Next JS portfolio Template

[Mã code 38111]
  1 Đánh giá    Viết đánh giá
 1      545      0
Phí tải: 49 Xu (1Xu = 1.000đ)
Danh mục
Thể loại
Nhóm code
Ngày đăng
19-2-2024
Loại file
Full code
Dung lượng
671 KB
Code đã kiểm thử
Không chứa mã độc
Có demo thực tế
Có hướng dẫn cài đặt

Dự án này tập trung vào việc xây dựng một trang web cá nhân sáng tạo, sử dụng công nghệ Next.js và Tailwind CSS để tạo ra giao diện đẹp mắt và phản hồi.


MÔ TẢ CHI TIẾT

Chúng tôi đang phát triển một dự án website cá nhân hoặc cơ sở dữ liệu với sự hỗ trợ của Next.js và Tailwind CSS.

Dưới đây là một số tính năng và phần của dự án mà chúng tôi đã hoàn thành hoặc đang làm việc:

  1. Thiết kế navbar linh hoạt và phản hồi, bao gồm cả menu hamburger.
  2. Phong cách liên kết hoạt động cho navbar, giúp người dùng nhận biết trang nào đang được chọn.
  3. Phần hero với thiết kế đặc biệt, mang lại ấn tượng mạnh mẽ từ cái nhìn đầu tiên.
  4. Sử dụng Framer Motion để tạo các hiệu ứng và chuyển động động lực cho các phần của trang.
  5. Tạo hiệu ứng động cho menu hamburger sử dụng Framer Motion.
  6. Hướng dẫn sử dụng Framer Motion cho việc chuyển đổi giữa các trang.
  7. Thiết kế trang thông tin cá nhân và kỹ năng với sự trợ giúp của Tailwind CSS. Tạo timeline và các hiệu ứng động cho nó.
  8. Hướng dẫn tạo animation SVG và animation cuộn sử dụng Framer Motion.
  9. Xây dựng trang liên hệ với một biểu mẫu liên hệ có khả năng gửi email.
  10. Tạo hiệu ứng văn bản chạy động sử dụng Framer Motion.
  11. Thiết kế trang portofolio đơn lẻ và trang liên hệ với các phần tử động và phong cách.
  12. Hướng dẫn sử dụng Framer Motion cho việc tạo hiệu ứng cuộn ngang và xoay văn bản thành hình tròn.

Với các tính năng và hướng dẫn này, dự án của chúng tôi hứa hẹn mang đến một trải nghiệm trực tuyến thú vị và độc đáo cho người dùng.

Demo: https://portfolio-app-two-gray.vercel.app/


XEM THÊM ==> Hướng dẫn cài đặt chi tiết

 

HÌNH ẢNH DEMO

Template,source code      database,reactjs,nextjs,theme html,html5 và css3

Template,source code      database,reactjs,nextjs,theme html,html5 và css3

Template,source code      database,reactjs,nextjs,theme html,html5 và css3

Template,source code      database,reactjs,nextjs,theme html,html5 và css3

Nguồn: Sharecode.vn



HƯỚNG DẪN CÀI ĐẶT

Đây là một dự án Next.js được khởi tạo với create-next-app.

Cài đặt thư viện: npm i

Bắt đầu Đầu tiên, chạy máy chủ phát triển:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Mở http://localhost:3000 trên trình duyệt của bạn để xem kết quả.

Bạn có thể bắt đầu chỉnh sửa trang bằng cách sửa file app/page.js. Trang sẽ tự động cập nhật khi bạn chỉnh sửa file.

Dự án này sử dụng next/font để tự động tối ưu hóa và tải Inter, một font chữ tùy chỉnh từ Google Font. 

 

 
 
LINK DOWNLOAD

portfolio-app-master.zip [671 KB]

File đã được kiểm thử
     Báo vi phạm bản quyền
Pass giải nén (Nếu có):
sharecode.vn
DOWNLOAD
(49 Xu)
Bạn có code hay
ĐĂNG BÁN NGAY

BÌNH LUẬN



ĐÁNH GIÁ


ĐIỂM TRUNG BÌNH

5
1 Đánh giá
Code rất tốt (1)
Code tốt (0)
Code rất hay (0)
Code hay (0)
Bình thường (0)
Thành viên
Nội dung đánh giá
21:24 - 19/2/2024
Code rất tốt
Code rất tốt và phù hợp để phát triển

 HỖ TRỢ TRỰC TUYẾN