Takeaways

By the end of this section, you will be able to:
  • Start the Next.js development server
  • Test the basic application functionality
  • Verify that your database and environment are working correctly
  • Understand the current application structure

Start the Development Server

Now that you have your database and environment variables configured, let’s start the development server and test your application.
1

Start the server

Multiple terminals: If you have Drizzle Studio running in your current terminal, create a new terminal tab/window to run the development server. This allows both services to run simultaneously for local development.
Run the following command in your terminal:
npm run dev
2

Check for success

You should see output similar to:
Terminal
 Next.js 14.2.4
  - Local:        http://localhost:3000
  - Environments: .env

 Starting...
 Ready in 1464ms
3

Access the application

  1. Open your browser
  2. Navigate to http://localhost:3000
  3. You should see the application homepage that says:
Hello, world!
Development URL: The application will be available at http://localhost:3000
Hot Reload: Any changes you make to the code will automatically refresh the browser

Troubleshooting Common Issues

Reflection Questions

Take a moment to reflect on what you’ve learned. Think about it first and then use AI to refine your answers.

Next Steps

Congratulations! You’ve successfully set up your development environment and verified that everything is working. In the next module, you’ll:
  • Understand the database schema and existing table structure
  • Add vector storage capabilities to support embeddings
  • Implement database migrations for the enhanced schema