This website was developed for study purposes, aiming to learn new features of Next.js App Router through practice. As a keen enthusiast of British beers, I built a simple e-commerce site focused on data retrieval.
Since this project was solely for studying App Router, I created a basic API using Next.js itself. I did not focus on site responsiveness, nor did I include a shopping cart page or purchasing tool.
- SSR (Server-Side Rendering)
- Dynamic Routes
- Suspense with Fallback
- Caching and Memoization
- OpenGraph Image
- Page Metadata
- Route Handlers
- Static Params
- Next.js
- TypeScript
- Tailwind CSS
Clone the repository:
$ git clone https://github.com/thiagocabralcorreia/british-beers
In the project directory, you can install dependencies:
$ npm install
And run the app in the development mode:
$ npm run dev
Add .env.local file with APP_URL=http://localhost:3000 and NEXT_PUBLIC_API_BASE_URL=http://localhost:3000
Open http://localhost:3000 to view it in the browser. The page will reload if you make edits.
British Beers Website by Thiago Cabral Correia - 2024