Ondřej Kocián kocisov

## _database.php
<?php

class Database extends PDO {
  protected $dbHost;
  protected $dbName;
  protected $dbUser;
  protected $dbPass;

  public function __construct() {
    // assign */a

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link rel="stylesheet" href="css files here">
  <script src="js files here"></script>
</head>
<body>
  Body content here...

## posts.json
[
  {
    "id": "1",
    "title": "Lorem Ipsum",
    "short_desc": "Dolor",
    "category": "Quarte",
    "images": [],
    "text": "Lorem ipsum dolor quarte"
  },
  {

## user.js
const CHANGE = '.../user/CHANGE'

export default function user (state = {
  name: 'Koci',
  avatar: '//placecage.com/200/200',
  rank_group: 5,
  points: 1341
}, action) {
  switch (action.type) {
    case CHANGE:

## index.js
import React from 'react'
import { render } from 'react-dom'
import { Provider } from 'react-redux'
import { syncHistoryWithStore } from 'react-router-redux'
import store from './store'

import {
  Router,
  Route,
  IndexRoute,

## next_nginx.md

      
              1 file
            
          
              74 forks
            
          
              30 comments
            
          
              208 stars
            
          
                kocisov
                / next_nginx.md
            
            
              Last active
              April 10, 2024 14:27
            
              
                How to setup next.js app on nginx with letsencrypt
              
          
    How to setup Next.js app on Nginx with letsencrypt


Next.js, Nginx with Reverse proxy, SSL certificate


UPDATE (07/20/2021):

This process got simplified over the years of this gist being out
Older version of this gist (without certbot): https://gist.github.com/kocisov/2a9567eb51b83dfef48efce02ef3ab06/33fdd88872a0801bdde58fccce430fa48737ae10
I would also now recommend deploying to Vercel if you don't need custom server support


1. Install Nginx, Node and certbot


## index.css
@keyframes cc {
  0% {
    color: #fff;
  }

  10% {
    color: #c92a2a;
  }

  20% {

## index.js
import parse from 'twitch-emoji';
import bttv from './bttv.json'; // https://api.betterttv.net/emotes

// it's a mess, just... don't... please... save us
function emoteParser (msg) {
  let _msg = msg;

  msg.split(/\s+/).map(t => {
    bttv.emotes.filter(emote => t === emote.regex).map(e => {
      if (e.url && e.url.length > 0) {

## index.js
// Component.js
import React from 'react'

// get props from redux store
export default ({ user, login }) =>
  <div>
    {!user.isAuthenticated ?
      <div>
        <button onClick={login}>
          Login with StreamLabs

## index.js
function mapStateToProps (state) {
  return {
    user: state.user
  }
}

// or
function mapStateToProps ({ user }) {
  return {
    user
	<?php

	class Database extends PDO {
	protected $dbHost;
	protected $dbName;
	protected $dbUser;
	protected $dbPass;

	public function __construct() {
	// assign */a
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Title</title>
	<link rel="stylesheet" href="css files here">
	<script src="js files here"></script>
	</head>
	<body>
	Body content here...
	[
	{
	"id": "1",
	"title": "Lorem Ipsum",
	"short_desc": "Dolor",
	"category": "Quarte",
	"images": [],
	"text": "Lorem ipsum dolor quarte"
	},
	{
	const CHANGE = '.../user/CHANGE'

	export default function user (state = {
	name: 'Koci',
	avatar: '//placecage.com/200/200',
	rank_group: 5,
	points: 1341
	}, action) {
	switch (action.type) {
	case CHANGE:
	import React from 'react'
	import { render } from 'react-dom'
	import { Provider } from 'react-redux'
	import { syncHistoryWithStore } from 'react-router-redux'
	import store from './store'

	import {
	Router,
	Route,
	IndexRoute,
	import parse from 'twitch-emoji';
	import bttv from './bttv.json'; // https://api.betterttv.net/emotes

	// it's a mess, just... don't... please... save us
	function emoteParser (msg) {
	let _msg = msg;

	msg.split(/\s+/).map(t => {
	bttv.emotes.filter(emote => t === emote.regex).map(e => {
	if (e.url && e.url.length > 0) {
	// Component.js
	import React from 'react'

	// get props from redux store
	export default ({ user, login }) =>
	<div>
	{!user.isAuthenticated ?
	<div>
	<button onClick={login}>
	Login with StreamLabs
	function mapStateToProps (state) {
	return {
	user: state.user
	}
	}

	// or
	function mapStateToProps ({ user }) {
	return {
	user