raflyfahrezi

import Document from 'next/document'
import { ServerStyleSheet } from 'styled-components'

export default class MyDocument extends Document {
    static async getInitialProps(ctx) {
        const sheet = new ServerStyleSheet()
        const originalRenderPage = ctx.renderPage

        try {
            ctx.renderPage = () =>

raflyfahrezi

{
    "presets": ["next/babel"],
    "plugins": [["styled-components", {
        "ssr" : true
    }]]
}

raflyfahrezi

const dateFormat = paramsDate => {
    const month = new Array()
    let temp = paramsDate

    month[0] = 'January'
    month[1] = 'February'
    month[2] = 'March'
    month[3] = 'April'
    month[4] = 'May'
    month[5] = 'June'

raflyfahrezi

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1; 
}

::-webkit-scrollbar-thumb {

raflyfahrezi

const Fonts = {
    fontFamily: 'your fonts name',
    fontSize: {
        12: '12px',
        14: '14px',
        16: '16px',
        20: '20px',
        24: '24px',
        32: '32px',
        48: '48px',

raflyfahrezi

const videos = document.getElementsByTagName("VIDEO")
window.open(videos[0].src)

raflyfahrezi

import React, { useEffect, useState } from 'react'
import axios from 'axios'

const index = () => {
    const [data, setData] = useState([])

    useEffect(async () => {
        const response = await axios.get('...some API path...')

        setData(response.data)

raflyfahrezi

import React from 'react'
import axios from 'axios'

const index = ({ data }) => {
    return (
        <div>
            {data.map((item, index) => {
                return (
                    <div key={index}>{item.name}</div>
                )

raflyfahrezi

import React from 'react'
import axios from 'axios'

const index = ({ data }) => {
    return (
        <div>
            {data.map((item, index) => {
                return (
                    <div key={index}>{item.name}</div>
                )

raflyfahrezi

import React from 'react'
import useSWR from 'swr'

import { fetcher } from '../utils'

const index = () => {
    const { data } = useSWR('... some API Fetch ...', fetcher)

    return (
        <div>