Portfolio V2 screenshot

Portfolio V2

Author Avatar Theme by Harithya
Updated: 21 Jun 2025
39 Stars

Website portofolio menggunakan next js dan tailwind , terinspirasi dari wisesa.dev

Categories

Overview:

This article provides a guide on how to get started with Next.js, a popular web development framework. It explains the steps to run the development server, modify pages, access API routes, and provides additional resources for learning more about Next.js and deploying the app.

Features:

  • Development Server: Run the development server to start working on the Next.js app.
  • Page Modification: Edit the pages/index.js file to make changes to the page, and see the auto-updates.
  • API Routes: Access API routes on http://localhost:3000/api/hello, and modify the endpoint in pages/api/hello.js.
  • API Directory: The pages/api directory is treated as API routes instead of React pages.
  • Next.js Documentation: Learn about Next.js features and API from the official documentation.
  • Learn Next.js Tutorial: An interactive tutorial for learning Next.js.
  • Next.js GitHub Repository: Explore the Next.js GitHub repository for feedback and contributions.
  • Vercel Deployment: Deploy the Next.js app easily using the Vercel Platform.

Installation:

To get started with Next.js, follow these steps:

  1. Run the development server by executing the command:
npm run dev
  1. Open http://localhost:3000 in your browser to see the result.

  2. Start editing the page by modifying the pages/index.js file. The page will automatically update as you make changes.

  3. Access API routes on http://localhost:3000/api/hello. Modify the endpoint by editing the pages/api/hello.js file.

  4. The files in the pages/api directory are treated as API routes instead of React pages.

For more detailed information and resources, refer to the Next.js documentation, learn Next.js tutorial, and explore the Next.js GitHub repository. If you want to deploy your Next.js app, check out the Vercel deployment documentation for instructions.

Summary:

This article provides a comprehensive guide on getting started with Next.js, a popular web development framework. It explains the steps to run the development server, modify pages and API routes, and provides additional resources for learning more about Next.js and deploying the app using Vercel. Overall, it is a useful resource for developers looking to start building with Next.js.