https://github.com/mar-nb/theming-nextjs-lacapsule

Projet de La Capsule visant à prendre en main les Styled Components et la notion de thème.
https://github.com/mar-nb/theming-nextjs-lacapsule

clone-website nextjs styled-components

Last synced: 9 days ago
JSON representation

Projet de La Capsule visant à prendre en main les Styled Components et la notion de thème.

• Host: GitHub
• URL: https://github.com/mar-nb/theming-nextjs-lacapsule
• Owner: Mar-Nb
• Created: 2023-12-12T10:22:18.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-02-24T15:58:04.000Z (9 months ago)
• Last Synced: 2024-02-24T16:44:31.017Z (9 months ago)
• Topics: clone-website, nextjs, styled-components
• Language: TypeScript
• Homepage: https://theming-nextjs-lacapsule.vercel.app
• Size: 498 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# La Capsule, projet n°1 : Styled Components

Ce projet [Next.js](https://nextjs.org/) est basé sur le template de la commande [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).

Il utilise [next/font](https://nextjs.org/docs/basic-features/font-optimization) pour automatiquement optimiser et charger la police **Inter**, une police de Google Font.

Objectif: Manipuler les Styled Components et les thèmes, et faire un clone du moteur de recherche [Startpage](https://www.startpage.com/).

## Auteur(s)

- [@Mar-Nb](https://www.github.com/Mar-Nb)

## Capture d'écran

![App Screenshot](public/screen-theming-nextjs.png)

## Technologies utilisées

**Client:** Next.js 13, Styled Components, Typescript

## Fonctionnalités

- Thème light/dark

- Redirection de recherche vers Google

## Démo

Le projet est déployé sur Vercel à l'adresse suivante :