Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/shaqdeff/next-internalization

A simple Next.js 13 application that translates content using internalization and the app router.
https://github.com/shaqdeff/next-internalization

framer-motion internalization nextjs tailwindcss typescript

Last synced: 11 days ago
JSON representation

A simple Next.js 13 application that translates content using internalization and the app router.

Awesome Lists containing this project

README

        

## Built With

- Next.js
- TypeScript
- Framer Motion
- TailwindCSS

## Live Demo

- Click [here](https://next-internalization.netlify.app/) to view the live demo.

## How To Use:

To get started, follow these simple steps:

### Prerequisites

Make sure you have node `16.0.0` or higher and npm `9.0.0` or higher installed.

### Setup

- With git, clone the code to your machine, or download a ZIP of all the files directly.
- [Download the ZIP file from this location](https://github.com/shaqdeff/Next-Internalization/archive/refs/heads/main.zip) or run the following [git](https://git-scm.com/) command to clone the files to your machine:

```
git clone https://github.com/shaqdeff/Next-Internalization.git
```

- Once the files are on your machine, open the **Next-Internalization** folder in [Visual Studio Code](https://code.visualstudio.com/download).

```
cd Next-Internalization && code .
```

## Install

- After opening the files in Visual Studio Code, open the **VS Code** integrated terminal and run the following commands:

```
npm install
```

This will install all the packages and dependencies used in the project.

## Usage

- Run the following command to start a local server:

```
npm run dev
```

This will open up the project on a browser on `http://localhost:3000/en`

## Build

- To create a production build:

```
npm run build
```

## Resources

- [Next.js Documentation](https://nextjs.org/docs)
- [Internalization (i18n) in Next.js](https://nextjs.org/docs/app/building-your-application/routing/internationalization)

## Authors

👤 **Shaquille Ndunda**

- GitHub: [@shaqdeff](https://github.com/shaqdeff)
- Twitter: [@shaquillendunda](https://twitter.com/shaquillendunda)
- LinkedIn: [Shaquille Ndunda](https://www.linkedin.com/in/shaquille-ndunda)

## Feedback and Contributions

If you have any feedback, suggestions, or would like to contribute to this project, your involvement is highly valued. Feel free to open an [issue](../../issues/) or submit a pull request with your ideas and enhancements.

Happy coding and showcasing!

## Show your support

Give a ⭐️ if you like this project!