We want you to create a very basic ecommerce project in React by creating the homepage of a web shop.
We are interested in the way you:
- setup database
- connect to this external resource from Next.js
- manage state
- work with asynchronous data
// https://dev.to/selbekk/how-to-fade-in-content-as-it-scrolls-into-view-10j4 | |
import React from "react"; | |
import styled from "styled-components"; | |
const Section = styled.div` | |
opacity: 0; | |
transform: translateY(20vh); | |
visibility: hidden; | |
transition: opacity 1200ms ease-out, transform 600ms ease-out, | |
visibility 1200ms ease-out; |
import Document, { DocumentContext, DocumentInitialProps } from "next/document"; | |
import { ReactElement } from "react"; | |
import { ServerStyleSheet } from "styled-components"; | |
interface InitialProps extends DocumentInitialProps { | |
styles: ReactElement; | |
} | |
export default class MyDocument extends Document { | |
static async getInitialProps(ctx: DocumentContext): Promise<InitialProps> { |