first commit

Author: Joel Jerez

.gitignore

@@ -0,0 +1,41 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files (can opt-in for committing if needed)
+.env*
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

README.md

@@ -0,0 +1,65 @@
+# Store React Demo
+
+This repository provides a simple live demo showcasing the usage of [@jereztech/i18n-react](https://github.com/jereztech/i18n-react) and [@jereztech/react-elements](https://github.com/jereztech/react-elements) in a React application.
+
+## Features
+
+- Implements internationalization (i18n) using `@jereztech/i18n-react`
+- Utilizes reusable UI components from `@jereztech/react-elements`
+- Demonstrates a basic store interface with localized content
+
+## Prerequisites
+
+Ensure you have the following installed:
+- [Node.js](https://nodejs.org/) (v18+ recommended)
+- [pnpm](https://pnpm.io/) or [npm](https://www.npmjs.com/)
+
+## Installation
+
+Clone the repository and install dependencies:
+
+```sh
+git clone https://github.com/jereztech/store-react-demo.git
+cd store-react-demo
+pnpm install  # or npm install
+```
+
+## Running the Project
+
+To start the development server, run:
+
+```sh
+pnpm dev  # or npm run dev
+```
+
+This will start the application at `http://localhost:3000/`.
+
+## Using @jereztech/i18n-react
+
+This project integrates `@jereztech/i18n-react` for managing translations.
+
+Example usage:
+
+```tsx
+import { useI18n } from "@jereztech/i18n-react";
+
+export default function Footer() {
+    const { t } = useI18n('Navigation');
+    return (
+        <footer className="container">
+            <p className="float-end">
+                <a href="#">{t('back-to-top')}</a>
+            </p>
+        </footer>
+    )
+}
+```
+
+## License
+
+This project is licensed under the **GNU General Public License v3.0**
+
+---
+
+Made with ❤️ by [Jerez Tech](https://jereztech.com)
+

eslint.config.mjs

@@ -0,0 +1,16 @@
+import { dirname } from "path";
+import { fileURLToPath } from "url";
+import { FlatCompat } from "@eslint/eslintrc";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+});
+
+const eslintConfig = [
+  ...compat.extends("next/core-web-vitals", "next/typescript"),
+];
+
+export default eslintConfig;

i18n.config.ts

@@ -0,0 +1,9 @@
+import { dictionaries } from '@/dictionaries';
+import { I18nConfig } from "@jereztech/i18n-react";
+
+const i18nConfig: I18nConfig = {
+    defaultLocale: 'en-US',
+    dictionaries,
+};
+
+export default i18nConfig;

next.config.ts

@@ -0,0 +1,18 @@
+import type { NextConfig } from "next";
+
+const basePath = process.env.NODE_ENV === 'production' ? '/store-react-demo' : '';
+
+const nextConfig: NextConfig = {
+    output: 'export',
+    basePath,
+    assetPrefix: basePath,
+    images: {
+        unoptimized: true,
+        remotePatterns: [
+            { protocol: 'https', hostname: 'flagcdn.com' },
+            { protocol: 'https', hostname: 'fakestoreapi.com' },
+        ],
+    },
+};
+
+export default nextConfig;